Scripts: Clean up the build folder via clean-webpack-plugin (#23135)

WordPress · Jun 15, 2020 · 6d1c6ef · 6d1c6ef
1 parent 567b159
commit 6d1c6ef
Show file tree

Hide file tree

Showing 4 changed files with 118 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/scripts/CHANGELOG.md b/packages/scripts/CHANGELOG.md
@@ -16,6 +16,7 @@
 ### Bug Fixes
 
 -   Update webpack configuration to not run the Sass loader on CSS files. It's now limited to .scss and .sass files.
+-   During rebuilds, all webpack assets that are not used anymore will be removed automatically.
 -   Fix broken `style.(sc|sa|c)ss` handling in the `build` and `start` scripts ([#23127](https://github.com/WordPress/gutenberg/pull/23127)).
 
 ## 10.0.0 (2020-05-28)

diff --git a/packages/scripts/config/webpack.config.js b/packages/scripts/config/webpack.config.js
@@ -4,6 +4,7 @@
 const { BundleAnalyzerPlugin } = require( 'webpack-bundle-analyzer' );
 const LiveReloadPlugin = require( 'webpack-livereload-plugin' );
 const MiniCSSExtractPlugin = require( 'mini-css-extract-plugin' );
+const { CleanWebpackPlugin } = require( 'clean-webpack-plugin' );
 const path = require( 'path' );
 
 /**
@@ -131,6 +132,9 @@ const config = {
 		],
 	},
 	plugins: [
+		// During rebuilds, all webpack assets that are not used anymore
+		// will be removed automatically.
+		new CleanWebpackPlugin(),
 		// The WP_BUNDLE_ANALYZER global variable enables a utility that represents
 		// bundle content as a convenient interactive zoomable treemap.
 		process.env.WP_BUNDLE_ANALYZER && new BundleAnalyzerPlugin(),

diff --git a/packages/scripts/package.json b/packages/scripts/package.json
@@ -45,6 +45,7 @@
 		"babel-loader": "^8.1.0",
 		"chalk": "^4.0.0",
 		"check-node-version": "^3.1.1",
+		"clean-webpack-plugin": "^3.0.0",
 		"cross-spawn": "^5.1.0",
 		"css-loader": "^3.5.2",
 		"dir-glob": "^3.0.1",