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