首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Webpack自动清理打包目录

Webpack自动清理打包目录

作者头像
越陌度阡
发布2023-01-06 09:06:30
1K0
发布2023-01-06 09:06:30
举报

Webpack在打包的时候,会在指定输出文件夹下面生成打包文件,但是上次打包的文件不会自动清理掉,每次手动删除会比较麻烦,为此,我们需要有一个自动清理的功能。常见的自动清理方式有以下两种:

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()
    ]
};
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-01-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 通过 npm scripts 清理理构建目录;
  • 2. 使用 clean-webpack-plugin 插件清理;
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档