使用插件添加通常涉及到的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工具。
它会在你项目的依赖当中检查所有的第三方插件,只有在你需要用到的时候才会加载它们。