【webpack】插件 plugins

Posted 2023-02-19

参考技术A

webpack 插件是一个具有 apply 属性的 javascript 对象。 apply 属性会被 webpack compiler 调用，并且 compiler 对象可在整个编译生命周期访问。如 ConsoleLogOnBuildWebpackPlugin.js ：

一些插件简介 ：

更多第三方插件，请查看 awesome-webpack 列表。

由于插件可以携带参数/选项，你必须在 webpack 配置中，向 plugins 属性传入 new 实例。根据你的 webpack 用法，这里有多种方式使用插件。

解读webpack-manifest-plugin

举例： moment 包

比如我们要使用 moment 这个第三方依赖库，该库主要是对时间进行格式化，并且支持多个国家语言。

打包好的工程下：

MiniCssExtractPlugin 这个呢？

再来看个 CSS优化 （压缩）相关的另一个插件 optimize-css-assets-webpack-plugin :

实用webpack插件之DefinePlugin

开发模式下的插件工具了解下

生成 source map 的两种配置

......