NpmInstallWebpackPlugin
NpmInstallWebpackPlugin
通过使用Webpack 自动安装和保存依赖关系加快开发速度。
它仅仅是为了安装一个你不知道你需要的依赖，而不是Ctrl-C的构建脚本和服务器。
相反，使用require或import如何，你通常会和npm install会发生自动安装和保存缺少的依赖而你的工作！
安装
$ npm install --save-dev npm-install-webpack-plugin
用法
在你的webpack.config.js：
plugins: [
new NpmInstallPlugin()
],
这相当于：
plugins: [
new NpmInstallPlugin{
// Use --save or --save-dev
dev: false,
// Install missing peerDependencies
peerDependencies: true,
// Reduce amount of console logging
quiet: false,
// npm command used inside company, yarn is not supported yet
npm: 'tnpm'
}
],
您可以提供一个Function以使其dev变为动态：
plugins: [
new NpmInstallPlugin{
dev: function(module, path) {
return [
"babel-preset-react-hmre",
"webpack-dev-middleware",
"webpack-hot-middleware",
].indexOf(module) !== -1;
},
}),
],
演示
特征
- 与Webpack
^v1.12.0和^2.1.0-beta.0。
- 自动安装
.babelrc插件和预设。
- 支持ES5和ES6模块。（例如
require，import）
- 支持名称空间包。（例如
@cycle/dom）
- 支持点分隔的包。（例如
lodash.capitalize）
- 支持CSS导入。（例如
@import "~bootstrap"）
- 支持Webpack加载器。（例如
babel-loader，file-loader等）
- 支持内联Webpack装载机。（例如
require("bundle?lazy!./App"）
- 自动安装缺失
peerDependencies。（例如@cycle/core会自动安装rx@*）
- 支持Webpack的
resolve.alias＆resolve.root配置。（例如require("react")可以别名react-lite）
