【译】webpack文档翻译 使用插件plugins - sunshine-boy

【译】webpack文档翻译 使用插件plugins

英文原文

webpack翻译目录传送门

在webpack中，使用plugins来添加通常与bundles有关的功能。例如，BellOnBundlerErrorPlugin在构建bundle过程出现错误时提醒你。

内建的plugins

通过使用配置里的plugins属性来添加插件。

// 安装完webpack后，webpack会在node_modules目录里
var webpack = require("webpack");

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

其他plugins

非内建的插件可以通过npm来安装发布在npm上面的plugin，如果不在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

该工具检测所有在你依赖里的第三方插件，并且当你需要他们时对他们进行分析和惰性加载。

阅读更多

• plugins列表
• webpack翻译目录传送门