Webpack自动清理打包目录的实现
aiguangyuan 人气:0Webpack在打包的时候,会在指定输出文件夹下面生成打包文件,但是上次打包的文件不会自动清理掉,每次手动删除会比较麻烦,为此,我们需要有一个自动清理的功能。常见的自动清理方式有以下两种:
1. 通过 npm scripts 清理理构建目录;
rm-rf./dist && webpack
也可以使用下面这个命令:
rimraf./dist && webpack
以上命令即在执行打包前,先删除打包输出目录dist,然后再执行打包操作。
2. 使用 clean-webpack-plugin 插件清理;
1. 安装插件;
npm i clean-webpack-plugin -D
2. 配置Webpack文件;
const path = require('path'); // 引入插件 const CleanWebpackPlugin = require('clean-webpack-plugin'); module.exports = { entry: { app: './src/app.js', search: './src/search.js' }, output: { filename: '[name][chunkhash:8].js', path: path.join(__dirname, 'dist'), }, plugins: [ // 配置插件 new CleanWebpackPlugin() ] };
加载全部内容