使用 Plugins

内置 plugins
其它 plugins
See also

插件可以完成更多 loader 不能完成的功能。
Use plugins to add functionality typically related to bundles in webpack.
比如 BellOnBundlerErrorPlugin 可以在build的过程中给出错误提示.

内置 plugins

插件的使用一般是在 webpack 的配置信息 plugins 选项中指定。

// 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"])
    ]
};

其它 plugins

Webpack 本身内置了一些常用的插件，还可以通过 npm 安装第三方插件。:

npm install component-webpack-plugin

可以这么使用:

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

当通过npm安装第三方插件时候建议用这个工具:webpack-load-plugins
它会检查你的依赖里面的所有第三方插件并懒加载之.

内置 plugins

其它 plugins

See also