Webpack 4 学习11(用clean-webpack-plugin来清除文件)

Posted 邢走在云端

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Webpack 4 学习11(用clean-webpack-plugin来清除文件)相关的知识,希望对你有一定的参考价值。

当我们修改带hash的文件并进行打包时,每打包一次就会生成一个新的文件,而旧的文件并没有删除。为了解决这种情况,我们可以使用clean-webpack-plugin在打包之前将文件先清除,之后再打包出最新的文件

  • 下载插件依赖

    npm install --save-dev clean-webpack-plugin
  • 配置webpack.config.js

    • 头部引入插件

      const CleanWebpackPlugin = require('clean-webpack-plugin');
    • plugins模块引入

       new CleanWebpackPlugin(['build'])
  • 运行打包命令

    webpack --mode development

    技术图片

以上是关于Webpack 4 学习11(用clean-webpack-plugin来清除文件)的主要内容,如果未能解决你的问题,请参考以下文章

webpack笔记1

webpack学习

为啥 Webpack 4 不创建 dist 文件夹,而 webpack 2 却创建?

使用 @ngtools/webpack 在 Angular 11 + Webpack 4 中实现 AOT

webpack学习笔记--区分环境

使用任务构建 Electron 和 webpack