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
网友评论