vue项目通过cross-env配置三种环境(开发,测试,生产)打包

转载于https://www.cnblogs.com/panax/p/9800102.html

- 安装

npm install cross-env --save-dev

在这里插入图片描述

- 修改config里面的参数,这里只展示一个test,其他类似

在这里插入图片描述
注意单双引号

- 修改package.json 文件

在这里插入图片描述
注意去掉原有的build,NODE_ENV最好都设成production,因为在utils.js只做了production一种判定,有人已亲测不影响各环境API参数

- config/index.js (如果用到vue-resource,第四步和第七步可以省略,它会自动匹配域名配置)

在这里插入图片描述

- 在webpackage.prod.conf.js中使用构建环境参数

在这里插入图片描述

- 调整build/build.js

在这里插入图片描述

- 怎么使用到不同的api呢?

在这里插入图片描述

代码github地址:https://github.com/lixinchao0914/test-cross-env

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值