webpack tweaks:

* add chunkhash to output filename * clean dist before build
ldgit · Sep 9, 2018 · 4392878 · 4392878
1 parent d673162
commit 4392878
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -29,6 +29,7 @@
     "@babel/register": "^7.0.0",
     "babel-loader": "^8.0.2",
     "chai": "^4.1.2",
+    "clean-webpack-plugin": "^0.1.19",
     "css-loader": "^1.0.0",
     "eslint": "^5.5.0",
     "eslint-config-airbnb": "^17.1.0",

diff --git a/webpack.config.js b/webpack.config.js
@@ -1,13 +1,14 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
 
 module.exports = {
   entry: {
     main: './src/index.jsx',
   },
   output: {
     path: path.resolve(__dirname, 'dist'),
-    filename: '[name].js',
+    filename: '[name].[chunkhash].js',
   },
   devtool: 'inline-source-map',
   devServer: {
@@ -35,6 +36,7 @@ module.exports = {
     ],
   },
   plugins: [
+    new CleanWebpackPlugin(['dist']),
     new HtmlWebpackPlugin({
       title: 'Tic-Tac-Toe',
     }),