webpack.config.js

const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const ManifestPlugin = require('webpack-manifest-plugin');
const WebpackShellPlugin = require('webpack-shell-plugin');

const config = {
  entry: {
    app: './src/js/index.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/',
    filename: '[name].bundle.js'
  },
  devServer: {
    historyApiFallback: {
      rewrites: [{"from": "/how", "to": "/how.html"},{"from": "/index", "to": "/index.html"},{"from": "/now", "to": "/now.html"},{"from": "/why", "to": "/why.html"}]
    },
    contentBase: './dist'
  },
  devtool: 'cheap-module-source-map',
  module: {
    rules: [{
      test: /\.js$/,
      loader: 'babel-loader',   // use the loader “babel-loader” to transform those files
      exclude: /node_modules/,  // Do not fetch the packages installed by NPM
      query: {
        presets: ['es2015']
      }
    },
      {
      test: /\.scss$/,
      use: [
        {loader: 'style-loader'},
        {loader: 'css-loader'},
        {loader: 'postcss-loader'},
        {loader: 'sass-loader'},
      ]
    }]
  },
  plugins: [
    new CopyWebpackPlugin([
      {from: './assets', to: 'assets'}
    ]),
    //new ExtractTextPlugin('assets/css/[name].[contenthash].css'),
    new ManifestPlugin()
  ]
};

if (process.env.NODE_ENV !== 'production') {
    config.plugins.push(new WebpackShellPlugin({onBuildEnd: ['yarn mustache:watch']}));
}

module.exports = config;