adds clean webpack plugin

udacity · Jul 14, 2019 · 4b2fcf2 · 4b2fcf2
1 parent 7f867df
commit 4b2fcf2
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,6 +21,7 @@
  "@babel/core": "^7.5.4",
  "@babel/preset-env": "^7.5.4",
  "babel-loader": "^8.0.6",
+ "clean-webpack-plugin": "^3.0.0",
  "html-webpack-plugin": "^3.2.0",
  "webpack-dev-server": "^3.7.2"
  }

diff --git a/webpack.dev.js b/webpack.dev.js
@@ -1,6 +1,7 @@
 const path = require('path')
 const webpack = require('webpack')
 const HtmlWebPackPlugin = require("html-webpack-plugin")
+const { CleanWebpackPlugin } = require('clean-webpack-plugin')
 
 module.exports = {
  entry: './src/client/index.js',
@@ -19,6 +20,15 @@ module.exports = {
  new HtmlWebPackPlugin({
  template: "./src/client/views/index.html",
  filename: "./index.html",
+ }),
+ new CleanWebpackPlugin({
+ // Simulate the removal of files
+ dry: true,
+ // Write Logs to Console
+ verbose: true,
+ // Automatically remove all unused webpack assets on rebuild
+ cleanStaleWebpackAssets: true,
+ protectWebpackAssets: false
  })
  ]
 }