Speed up development by automatically installing & saving dependencies with Webpack.
It sucks to Ctrl-C your build script & server just to install a dependency you didn&apost know you needed until now.
Instead, use require
or import
how you normally would and npm install
will happen automatically to install & save missing dependencies while you work!
安装
$ npm install --save-dev npm-install-webpack-plugin
用法
在 webpack.config.js
中:
plugins: [ new NpmInstallPlugin() ],
相当于:
plugins: [ new NpmInstallPlugin({ // 使用 --save 或者 --save-dev dev: false, // 安装缺少的 peerDependencies peerDependencies: true, // 减少控制台日志记录的数量 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 }, }), ],
Demo
Features
- [x] Works with both Webpack
^v1.12.0
and^2.1.0-beta.0
. - [x] Auto-installs
.babelrc
plugins & presets. - [x] Supports both ES5 & ES6 Modules.
(e.g.
require
,import
) - [x] Supports Namespaced packages.
(e.g.
@cycle/dom
) - [x] Supports Dot-delimited packages.
(e.g.
lodash.capitalize
) - [x] Supports CSS imports.
(e.g.
@import "~bootstrap"
) - [x] Supports Webpack loaders.
(e.g.
babel-loader
,file-loader
, etc.) - [x] Supports inline Webpack loaders.
(e.g.
require("bundle?lazy!./App"
) - [x] Auto-installs missing
peerDependencies
. (e.g.@cycle/core
will automatically installrx@*
) - [x] Supports Webpack&aposs
resolve.alias
&resolve.root
configuration. (e.g.require("react")
can alias toreact-lite
)
Maintainers
|
|