webpack.common.js

const path = require('path');
//const CleanWebpackPlugin = require('clean-webpack-plugin');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
 entry: {
     vendor: './src/vendor.js',
     app: './src/index.js'
 },
 module : {
   rules: [
     {
       test: /\.js$/,
       use: 'babel-loader'
     },
     {
        test: /\.(scss|css)$/,
        use: ['css-hot-loader'].concat(ExtractTextPlugin.extract({
            fallback: 'style-loader',
            use: [{loader: 'css-loader', options: { minimize: true }}, 'sass-loader']
        }))
      },
      {
       test: /\.(png|jpg|gif|svg)$/,
       use: [
          {
            loader: 'file-loader?name=static/img/[hash].[ext]',
          }
        ]
       }
   ]
 },
optimization: {
    splitChunks: {
        cacheGroups: {
            commons: { test: /[\\/]node_modules[\\/]/, name: "vendor", chunks: "all"}
        }
    }
},
 plugins: [
   new webpack.NamedModulesPlugin(),
   new webpack.HotModuleReplacementPlugin(),
   new HtmlWebpackPlugin({
     template: './public/index.html'
   }),
   new ExtractTextPlugin({
       filename: `static/css/[name].bundle.css`,
       disable: false,
       allChunks: true
   }),
   new webpack.ProvidePlugin({
       $: 'jquery',
       jQuery: 'jquery',
       'window.jQuery': 'jquery'
   })
 ],
 output: {
   filename: 'static/js/[name].bundle.js',
   path: path.resolve(__dirname, 'public'),
   publicPath: '/'
 }
};