Hash assets

budparr

09.47.2018 75bde5d0953283f7230a69c964e1c257ff9892e2

 src/webpack.config.js

@@ -1,6 +1,6 @@
var path = require("path");
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var webpack = require("webpack");
var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var webpack = require('webpack');
module.exports = {
   entry: {
      app: './js/main.js'
@@ -8,20 +8,20 @@
   module: {
      rules: [
         {
      test: /\.js$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['env']
          // plugins: [require('babel-plugin-transform-object-rest-spread')]
        }
      }
    },
            test: /\.js$/,
            exclude: /node_modules/,
            use: {
               loader: 'babel-loader',
               options: {
                  presets: ['env']
                  // plugins: [require('babel-plugin-transform-object-rest-spread')]
               }
            }
         },
         {
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
               fallback: "style-loader",
               fallback: 'style-loader',
               use: 'css-loader?importLoaders=1!postcss-loader'
            })
         }
@@ -29,22 +29,27 @@
   },

   output: {
    path: path.join(__dirname, "./../static/dist"),
      filename: '[name].bundle.js',
      path: path.join(__dirname, './../static/dist'),
      filename: '[name].[chunkhash].js'
   },

   resolve: {
      modules: [path.resolve(__dirname, 'src'), 'node_modules'],
      modules: [path.resolve(__dirname, 'src'), 'node_modules']
   },

   plugins: [
      new ExtractTextPlugin("main.css"),
      new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        })
      new ExtractTextPlugin({
         filename: getPath => {
            return getPath('[name].[contenthash].css');
         },
         allChunks: true
      })
      // new webpack.ProvidePlugin({
      //         $: "jquery",
      //         jQuery: "jquery"
      //     })
   ],
   watchOptions: {
      watch: true
   }
}
};