webpack 打包
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
文件下
本文标题:webpack 打包
本文链接:https://www.haomeiwen.com/subject/roftlctx.html
网友评论