1、局部安装:
--save-dev 缩写 -D //开发环境的安装包
--save 缩写 -S //生产环境的安装包
安装指定版本:npm install -D webpack @version
安装最新版:npm install -D webpack
安装最新体验版本:npm i -D webpack @beta
2、全局安装:
npm install webpack -g
webpack@4.XXX 的安装以及使用
(1)全局安装webpack-cli
npm install webpack-cli -g
(2) 全局安装webpack(使用cnpm)
(cnpm uninstall webpack -g 卸载)
cnpm install webpack -g
(3)局部安装webpack (不安装一直报错)
cnpm install webpack -D
cnpm install webpack-cli -D
这个时候打包还是会报错,需要在 package.json中加上如下代码
最后在手动添加一个webpack.config.js文件(加这个的目的是:简化打包命令只需要输入webpack命令即可)
最后,无论是直接输入webpack 还是输入全部的路径,打包都成功了。
题外话:
由于上面的用webpack.config.js 配置好了,所以这边运行
npm run build 或者webpack 的时候,都能打包成功
版本4之后,如果要输入全路径去打包任意想要的文件时,有改动;
输入命令:webpack , 默认的试图去寻找 webpack.config.js
如果想要执行其他的配置文件(比如webpack2.config.js),可以输入如下命令:
webpack --config webpack2.config.js