2021最新webpack5: webpack插件使用 clean-webpack-plugin

P17 17-webpack插件使用
更新于: 2022-01-16 04:26:50

loader

  • 其实是对特定的模块类型进行转换:将源码转换成,文件,字符串,流
  • 工作的时机:当我们要去识别,读取文件内容的时候就开始工作了

插件

  • 可以做更多的事情,webpack打包过程中有自己的生命周期(流水线),可以在任意的时间做一些事情。
  • 比如打包之前,每次都清空,时间:打包开始前
  • 打包过程中:压缩css
  • 定义全局变量:在模块间共享

使用 clean-webpack-plugin

npm i -D clean-webpack-plugin

插件的模板

class MyPlugin{
  constructor(){}
  apply(){}
}

参考