WebPack系列教程（七）：使用Plugins

使用插件添加通常涉及到的WebPack捆绑功能。例如，BellOnBundlerErrorPlugin会通知您在打包构建过程中的错误。

内置插件

通过在webpack配置中使用插件属性来将插件包含进你的项目中。

// webpack should be in the node_modules directory, install if not.
var webpack = require("webpack");

module.exports = {
    plugins: [
        new webpack.ResolverPlugin([
            new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"])
        ], ["normal", "loader"])
    ]
};

其他插件

其他不是内置的插件可以通过NPM安装已经发布了的插件，如果插件没有发布到npm，也可以通过其他方式安装：

npm install component-webpack-plugin

然后就能像下面这样来使用：

var ComponentPlugin = require("component-webpack-plugin");
module.exports = {
    plugins: [
        new ComponentPlugin()
    ]
}

如果是通过npm来安装第三方插件，建议使用https://www.npmjs.com/package/webpack-load-plugins工具。

它会在你项目的依赖当中检查所有的第三方插件，只有在你需要用到的时候才会加载它们。

see also

• list of plugins