Vue项目分环境打包的方法示例 - 行业资讯 - 肥雀云

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

<强> 1,package.json

在构建下面添加一个测试运行命令

　　　　　　“测试”:“节点构建/build.js” 　　　　

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

<强> 2,prod.env。js
　　

在配置→prod.env。js中修改代码

　　　　　　使用严格的//读取系统运行时候的变量　　const目标=process.env.npm_lifecycle_event;//控制台日志输出　　控制台。日志(env部署,目前env,目标)//判断环境变量,是测试,还是构建　　如果目标=='测试'){ 　　var obj={ 　　NODE_ENV:“生产”, 　　API_ROOT:“此处替换为测试环境地址”的, 　　} 　　其他}{ 　　var obj={ 　　NODE_ENV:“生产”, 　　API_ROOT:“此处替换为测试环境地址”的, 　　} 　　} 　　　　模块。出口=obj; 　　之前　　　　

<强> 3。测试环境:

　　　　　　美元npm运行测试　　　　

正式环境:
　　

　　　　　　' ' ' 　　美元npm运行构建　　' ' ' 　　　　

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