webpack.config.js

const path = require('path');
const ExtractText = require('extract-text-webpack-plugin');
const GlobalStyle = new ExtractText('./../css/[name].global.styles.css');
const PageStyle = new ExtractText('./../css/[name].styles.css');
const PreRenderSpaPlugin = require('prerender-spa-plugin');
const HTMLPlugin = require('html-webpack-plugin');
const PreRenderOpts = {
  captureAfterTime: 15000
}
const ArtTemplate = new HTMLPlugin({
  template: 'views/art-template.html',
  filename: path.resolve(__dirname, 'public/static/index.html')
})
const PreRender = new PreRenderSpaPlugin(path.resolve(__dirname, 'public/static'), ['/art', '/art/contact', '/art/gallery'], PreRenderOpts);

module.exports = {
  entry: {
    portfolio: './src/portfolio/index.js',
    home: './src/home/index.js',
    art: './src/art/index.js',
    admin: './src/admin/index.js'
  },
  output: {
    filename: '[name].bundle.js',
    path: path.resolve(__dirname, 'public/js/')
  },
  module: {
    rules: [
      {
        test: /\.scss$/,
        loader: GlobalStyle.extract({
          use: 'css-loader!sass-loader',
          fallback: 'style-loader?importLoaders=1'
        })
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
            scss: PageStyle.extract({
              use: 'css-loader!sass-loader',
              fallback: 'vue-style-loader'
            })
          }
        }
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        options: {
          presets: ['es2015']
        }
      },
      {
        test: /\.(png|jpg)$/,
        loader: 'url-loader'
      }
    ]
  },
  plugins: [
    GlobalStyle,
    PageStyle,
    // ArtTemplate,
    // PreRender
  ],
  externals: {
    async: 'commonjs async'
  }
}