Vue 项目分环境打包的方法示例


Posted in Javascript onAugust 03, 2018

我们开发项目的时候,用vue-cli 2.x版本新建的项目,只有dev, pro两种开发环境, 有时需要个test环境来给测试使用,所以找了很多方法,总结了个最简单的方法来给大家使用

1、package.json

在build下面添加一个test运行命令

"test": "node build/build.js"

Vue 项目分环境打包的方法示例

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

正式环境:

```
$ npm run build
```

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
扩展jQuery 键盘事件的几个基本方法
Oct 30 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
Sep 01 Javascript
switch语句的妙用(必看篇)
Oct 03 Javascript
jQuery自定义多选下拉框效果
Jun 19 jQuery
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
vue.js动画中的js钩子函数的实现
Jul 06 Javascript
vue路由跳转传参数的方法
May 06 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
如何在vue里添加好看的lottie动画
Aug 02 #Javascript
原生js实现form表单序列化的方法
Aug 02 #Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 #Javascript
详解vue指令与$nextTick 操作DOM的不同之处
Aug 02 #Javascript
vue组件挂载到全局方法的示例代码
Aug 02 #Javascript
原生js封装的ajax方法示例
Aug 02 #Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 #Javascript
You might like
实现php加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
php中判断文件存在是用file_exists还是is_file的整理
2012/09/12 PHP
PHP采用get获取url汉字出现乱码的解决方法
2014/11/13 PHP
thinkPHP分组后模板无法加载问题解决方法
2016/07/12 PHP
php动态读取数据清除最右边距的方法
2017/04/12 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
JavaScript对象学习经验整理
2013/10/12 Javascript
Bootstrap Table的使用总结
2016/10/08 Javascript
js实现右键菜单功能
2016/11/28 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
react 中父组件与子组件双向绑定问题
2019/05/20 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
js中调用微信的扫描二维码功能的实现代码
2020/04/11 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
详解JavaScript数据类型和判断方法
2020/09/04 Javascript
[04:00]DOTA2解说界神雕侠侣 CJ第四天谷子现场过生日
2013/07/30 DOTA
[01:42]辉夜杯战队访谈宣传片—FANTUAN
2015/12/25 DOTA
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
Python实现的列表排序、反转操作示例
2019/03/13 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
法国足球商店:Footcenter
2019/07/06 全球购物
C#如何进行LDAP用户校验
2012/11/21 面试题
上课说话检讨书大全
2014/01/22 职场文书
外语专业毕业生自荐信
2014/04/14 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
培训师岗位职责
2015/02/14 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
校长新学期致辞
2015/07/30 职场文书
PyCharm 安装与使用配置教程(windows,mac通用)
2021/05/12 Python
关于Oracle12C默认用户名system密码不正确的解决方案
2021/10/16 Oracle
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏