vue3项目npm run build和npm run build-only的区别
时间: 2023-05-10 15:01:33 浏览: 1650
vue3项目中,npm run build和npm run build-only都是用来打包生成最终用于部署的静态文件,但两者之间还是有一定区别的。
npm run build是执行一连串的构建任务,包括清除旧的生成文件、Lint代码规范、Webpack打包、图片压缩等操作,最终生成一个生产环境的最终版本的静态文件,可以被直接用于部署。这个任务会检查和修改代码并执行所有必要的编译和打包。它用于构建和发布最终生产版本的应用程序,当代码都准备好要部署时,建议使用。
npm run build-only相比于npm run build则更加单纯,只会执行Webpack打包的构建任务,生成最终版本的静态文件,由于没有其他的设备进行检查和修改,所以速度更快,但缺乏检查和压缩等功能。
因此,一般情况下,在开发过程中使用npm run build-only来快速生成构建后的文件,而在正式发布前则最好使用npm run build,以确保代码按照规范进行检查和压缩,生成更加适合部署的静态文件。
相关问题
vue-cli-service build与npm run build区别
引用<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue-cli3打包时vue-cli-service build怎么分不同环境(npm run build:stage和npm run build:prod)](https://blog.csdn.net/weixin_52428855/article/details/124631881)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [解决Vue-cli npm run build生产环境打包,本地不能打开的问题](https://download.csdn.net/download/weixin_38710566/13665391)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [go语言恶意代码检测系统-对接前端可视化与算法检测部分](https://download.csdn.net/download/liufang_imei/88222624)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
vue项目中npm run build后面如何配置参数
在Vue项目中,你可以通过修改`package.json`文件中的`scripts`部分来配置`npm run build`命令的参数。
1. 打开项目的根目录,找到`package.json`文件。
2. 在`scripts`对象中,找到`build`属性。该属性对应的值是一个命令字符串,用于执行构建命令。
3. 在命令字符串后面添加你想要的参数。例如,如果你想要添加一个参数`--mode production`,命令字符串可能会是这样的:
```json
"scripts": {
"build": "vue-cli-service build --mode production"
}
```
4. 保存`package.json`文件。
现在,当你运行`npm run build`命令时,它将会带上你添加的参数。
需要注意的是,具体的参数以及其用法取决于你使用的构建工具或脚本。上述示例中使用了Vue CLI的构建命令,并添加了一个`--mode`参数来指定构建模式为生产环境。你可以根据自己的需求修改参数和命令。
阅读全文