webpack.config.js

const
  path = require('path'),
  webpack = require('webpack'),
  ExtractTextPlugin = require('extract-text-webpack-plugin'),
  HtmlWebpackPlugin = require('html-webpack-plugin'),
  extractStylus = 'css-loader?sourceMap!stylus-loader',
  development = !['production', 'ci'].includes(process.env.NODE_ENV)

module.exports = {
  devtool: 'source-map',
  entry: [
    path.join(__dirname, process.env.TEST_RUN ? 'client/test/index' : 'client/main')
  ].filter(x => x),
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'cadence.[hash].js',
    publicPath: '/'
  },
  plugins: [
    !development && new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new ExtractTextPlugin({ filename: development ? 'cadence.css' : 'cadence.[hash].css', allChunks: true }),
    new HtmlWebpackPlugin({
      title: 'Cadence',
      filename: 'index.html',
      favicon: 'favicon.ico',
      inject: false,
      template: require('html-webpack-template'),
      lang: 'en-US',
      scripts: (process.env.CADENCE_EXTERNAL_SCRIPTS || '').split(',').filter(x => x)
    })
  ].filter(x => x),
  module: {
    rules: [{
      test: /\.vue?$/,
      loader: 'vue-loader',
      options: {
        loaders: {
          stylus: ExtractTextPlugin.extract({
            use: extractStylus,
            fallback: 'vue-style-loader'
          }),
        }
      }
    }, {
      test: /\.svg$/,
      use: [{
        loader: 'html-loader',
        options: {
          minimize: true
        }
      }]
    }, {
      test: /\.(png|jpg|gif)$/,
      loader: 'file-loader',
      options: {
        name: '[name].[ext]?[hash]'
      }
    }, {
      test: /\.styl$/,
      use: ExtractTextPlugin.extract({ use: extractStylus, fallback: 'raw-loader' }),
      include: path.join(__dirname, 'src')
    }]
  },
  resolve: {
    extensions: ['.js', '.vue']
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    }
  },
  devServer: {
    historyApiFallback: true,
    overlay: true
  }
}