【webpack】插件 plugins

如题所述

第1个回答  2022-07-20

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 的两种配置

......