Webpack

使用插件

内置插件

通过在webpack配置文件中添加plugins字段来使用插件

1
2
3
4
5
6
7
8
9
var webpack = require("webpack");

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

其余插件

其他非内置插件通过npm或者其它方式来安装

1
npm install component-webpack-plugin

通过下面的方式来使用

1
2
3
4
5
6
var ComponentPlugin = require("component-webpack-plugin");
module.exports = {
    plugins: [
        new ComponentPlugin()
    ]
}

当通过npm安装第三方插件时，建议使用这种方式https://www.npmjs.com/package/webpack-load-plugins,
它会检查所有安装的第三方依赖插件并且在你需要用的时候去加载