清理 /dist 文件夹
你可能已经注意到,由于遗留了之前的指南和代码示例,我们的 /dist 文件夹显得相当杂乱。webpack 将生成文件并放置在 /dist 文件夹中,但是它不会追踪哪些文件是实际在项目中用到的。
通常比较推荐的做法是,在每次构建前清理 /dist 文件夹,这样只会生成用到的文件。让我们实现这个需求。
clean-webpack-plugin 是一个流行的清理插件,安装和配置它。
npm install --save-dev clean-webpack-plugin
webpack.config.js
const path = require(‘path’);
-
const CleanWebpackPlugin = require(‘clean-webpack-plugin’);
module.exports = {
entry: {
app: ‘./src/index.js’
},
plugins: [-
new CleanWebpackPlugin()
],
output: {
filename: ‘[name].bundle.js’,
path: path.resolve(__dirname, ‘dist’)
}
};
现在,执行 npm run build,检查 /dist 文件夹。如果一切顺利,现在只会看到构建后生成的文件,而没有旧文件! -