webpack学习之—— Plugins

Plugins are the backbone of webpack!

webpack 自身也是构建于你在 webpack 配置中用到的相同的插件系统之上!

插件目的在于解决 loader 无法实现的其他事。

1. Anatomy(剖析)

     webpack 插件是一个具有 apply 属性的 JavaScript 对象。apply 属性会被 webpack compiler 调用,并且 compiler 对象可在整个编译生命周期访问(This apply property is called by the webpack compiler, giving access to the entire compilation lifecycle.)。

2. Usage

  由于插件可以携带参数/选项,你必须在 webpack 配置中,向 plugins 属性传入 new 实例。

  根据你的 webpack 用法,这里有多种方式使用插件。

 2.1 Configuration

     webpack.config.js:

Node API

some-node-script.js:

 

以上看到的示例和 webpack 自身运行时(runtime) 极其类似。wepback 源码中隐藏有大量使用示例,你可以用在自己的配置和脚本中。

原文地址:https://www.cnblogs.com/xuzhudong/p/7986686.html