vue cli3 打包build 区分测试环境和正式环境（vue-cli-service）

时间：2022-12-23 09:33:06浏览次数：45

标签：vue cli3 service production build env test 测试环境

1、在根目录下创建两个.env的文件，.env.build是生产环境，.env.test是测试环境，两个文件的【NODE_ENV】都= ‘production’用另一个变量【VUE_APP_CURRENTMODE】来区分环境
.env.test

env.production

2、package.json里面配置运行脚本

执行 npm run test 则走的.env.test
执行 npm run build 则走的.env.production

标签：vue,cli3,service,production,build,env,test,测试环境
From： https://www.cnblogs.com/ydc2023/p/17000023.html

Vue样式绑定
绑定class样式--字符串写法<divclass="basic":class="mood"@click="changeMood">{{name}}</div>绑定class样式--数组写法<divclass="basic":class="classArr">123</div......
Vue $nextTick的作用
NextTick在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM；我们可以理解成，Vue 在更新 DOM 时是异步执行的。当数据发生变化，V......
Vue中plugins
插件可用于扩展Vue，自定义插件应包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。定义插件://plugin.jsexportdefault{......
Vue监视属性和计算属性对比
computed和watch之间的区别 1.computed能完成的功能，watch都可以完成。 ......
Vue中mixin混合
vue中的mixin可以实现组件中重复代码的高度复用，可以将不同组件中重复的组件选项（如，data、created、mounted、components、computed、watch等）都提取出来，形成一个mixin的js文......
Vue之监视属性
监视属性watch 1.当被监视的属性变化时,回调函数自动调用,进行相关操作 2.监视的属性必须存在，才能......
彻底理解Vue组件间通信(6种方式)
在vue的学习中，vue组件间的通信是不得不了解的，在实际开发中，也是非常常用的，所以这里我总结了Vue组件的通信的6种方式，希望能帮助小伙伴们更好更快的去理解Vue组件间的通信组......
Vue 里，多级菜单要如何设计才显得专业？
老生常谈了！虽然我们是Java猿，但是写起来前端代码也不含糊！今天我想来和大家聊聊这个前端的动态菜单，要如何设计才显得专业！还是以我们的TienChin项目为例，大家一起来看看。......
Vue2和Vue3使用vue-print-nb实现打印功
Vue2和Vue3使用vue-print-nb实现打印功Vue2使用vue-print-nb实现打印功Vue3使用vue3-print-nb实现打印功Vue2Vue2.0版本安装方法：npminstallvue-print-nb--save/......
Vue生命周期
概述Vue生命周期函数主要包含8个部分，按顺序分别是：1.beforeCreate（创建前）2.created（创建后）3.beforeMount(载入前)4.mounted（载入后）5.beforeUpdate（更新前）6.updated......

vue cli3 打包build 区分测试环境和正式环境（vue-cli-service）

相关文章

赞助商

阅读排行