返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Webpack自动清理打包目录的实现
  • 450
分享到

Webpack自动清理打包目录的实现

Webpack自动清理打包目录Webpack自动清理 2023-01-09 12:01:10 450人浏览 独家记忆
摘要

目录1. 通过 npm scripts 清理理构建目录;2. 使用 clean-webpack-plugin 插件清理;WEBpack在打包的时候,会在指定输出文件夹下面生

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()
    ]
};

到此这篇关于Webpack自动清理打包目录的实现的文章就介绍到这了,更多相关Webpack自动清理打包目录内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Webpack自动清理打包目录的实现

本文链接: https://lsjlt.com/news/177167.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作