1. 全局安装 webpack
和 webpack-cli
npm i webpack webpack-cli -g
2. 项目中安装 webpack
和 webpack-cli
npm i webpack webpack-cli -D
3. package.json
中
"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production"
},
4. 进行打包
npm run dev // 开发环境打包,不会压缩
npm run build // 生产环境打包,会对打包后的文件进行压缩
5. 注意
- 如果只在项目中安装了
webpack
和webpack-cli
,则无法直接使用webpack
命令,但可以通过npm run dev
来执行scripts
中的打包脚本 - 如果需要在直接使用
webpack
命令,需要全局安装webpack
和webpack-cli
- 如果是默认配置,默认打包
src
下的index.js
,输出到dist
文件下
网友评论