时间:2021-05-26
我们开发项目的时候,用vue-cli 2.x版本新建的项目,只有dev, pro两种开发环境, 有时需要个test环境来给测试使用,所以找了很多方法,总结了个最简单的方法来给大家使用
1、package.json
在build下面添加一个test运行命令
"test": "node build/build.js"2、prod.env.js
在config -> prod.env.js 中修改代码
'use strict' // 读取系统运行时候的变量 const target = process.env.npm_lifecycle_event; // 控制台日志输出 console.log('env is deploying, current env is', target) // 判断环境变量,是test,还是build if (target == 'test') { var obj = { NODE_ENV: '"production"', API_ROOT: '"此处替换为测试环境地址"', } } else { var obj = { NODE_ENV: '"production"', API_ROOT: '"此处替换为测试环境地址"', } } module.exports = obj;3.测试环境:
$ npm run test正式环境:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
用cli3搭建的vue项目号称零配置文件,为了方便打包(不用手动来回改不同环境进行打包)那么我们在需要打包的时候分不同环境打包怎么办呢1.在根目录下创建三个配置
在如今前后端分离,各种框架盛行的前端界,对项目的打包要求也越来越复杂,本人分享一个vue项目里,根据命令行输入不同的命令,打包出不同环境域名的方法。(欢迎纠错,
vue项目打包后上传至GitHub,并实现github-pages的预览1.打包vue项目vue项目:命令行输入打包命令npmrunbuild,生成了dist文
vue项目打包后在production模式下提示图片‘404(notfound),在dev环境下好好的,打包了就提示这个错误。这是为什么呢,以前第一次使用vue
在上篇文章给大家介绍了vue-cliwebpack模板项目搭建及打包时路径问题的解决方法,可以点击查看。vue-cli构建的项目中,生产模式下的打包路径、与生产