[译]开启webpack之旅( 四 )：使用插件

原文地址
在webpack中通常使用插件来添加一些与打包相关的功能，例如BellOnBundlerErrorPlugin会通知你在构建过程的有哪些错误。

内置插件

可以在web pack的配置文件中使用内置插件特性：

// 要先安装webpack 
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安装第三方插件时，我们推荐结合webpack-load-plugins这款工具使用

它可以检测你所依赖的所有第三方插件并实现懒加载。

详见list of plugins