300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Vue启动项目如何区分启动的是开发环境 测试环境 生产环境

Vue启动项目如何区分启动的是开发环境 测试环境 生产环境

时间:2022-05-27 01:29:03

相关推荐

Vue启动项目如何区分启动的是开发环境 测试环境 生产环境

1. vue 中有个概念就是模式,Vue CLI 项目有三个模式:

development 模式用于 vue-cli-service servetest 模式用于 vue-cli-service test:unitproduction 模式用于 vue-cli-service build 和 vue-cli-service test:e2e

开发环境(development)

测试环境(test )

生产环境(production )

2. 创建不同环境变量文件:

创建 .env结尾的环境变量文件,增加后缀来区分特有的环境模式。以development模式为例:文件名未.env.development

3. 给.env文件添加内容:

# 开发环境配置ENV = development# 路径VUE_APP_BASE_API = 地址# 路由懒加载VUE_CLI_BABEL_TRANSPILE_MODULES = true# 端口port=8090

4.在package.json中添加不同环境对应的执行语句

"scripts": {"dev": "vue-cli-service serve","test": "vue-cli-service serve","build:test": 

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。