全局安装 项目安装(推荐使用)--不同项目可能采用不同的webpack版本
初始化
npm init -y
查看webpack版本
npm info webpack
image.png
安装指定版本
npm install webpack@3.12.0 --save-dev
查看当前版本
npx webpack -v
npm install
npm uninstall webpack
webpack3.x和webpack4.x的差异性不小,使用的时候要特别的注意
包括生产依赖和开发依赖
image.png
安装开发依赖包(推荐方式)
npm install --save-dev XXX
安装生成依赖包
npm install --save XXX
安装所有依赖
npm install
安装生产所有依赖
npm install --production
image.png
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"server": "webpack-dev-server --open",
"dev":"export type=dev&&webpack",
"build": "export type=build&&webpack"
},
注意:mac电脑多了个&
npx webpack
自动打包监听
npx webpack --watch
开发编译
npm run dev
生产编译
npm run build
npm run server