目录1. 通过 npm scripts 清理理构建目录;2. 使用 clean-webpack-plugin 插件清理;WEBpack在打包的时候,会在指定输出文件夹下面生
WEBpack在打包的时候,会在指定输出文件夹下面生成打包文件,但是上次打包的文件不会自动清理掉,每次手动删除会比较麻烦,为此,我们需要有一个自动清理的功能。常见的自动清理方式有以下两种:
rm-rf./dist && webpack
也可以使用下面这个命令:
rimraf./dist && webpack
以上命令即在执行打包前,先删除打包输出目录dist,然后再执行打包操作。
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()
]
};
到此这篇关于Webpack自动清理打包目录的实现的文章就介绍到这了,更多相关Webpack自动清理打包目录内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: Webpack自动清理打包目录的实现
本文链接: https://lsjlt.com/news/177167.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0