vue-cli2通过指令打出测试/生产包

之前vue-cli2项目每次打包都得手动去改测试生产地址,较为繁琐,于是研究了下如何在打包时设置baseURL直接打成测试/生产包。

vue-cli3有更为简单方法,奈何之前项目用的vue-cli2框架,总感觉步骤还是比较繁琐的,改的东西较多,有时间可以研究下不建立文件就可以打出多种包吧。

目前步骤如下

一、build 文件夹下修改

  1)、对应build.js建立test.js,复制build.js内容,然后做一下修改

2)、对应webpack.prod.conf.js 建立webpack.test.conf.js,修改如下

然后把所有config.build修改为config.test ,全部修改

3)、修改utils.js,vue-loader.conf.js和webpack.base,conf.js,将其中涉及到proess.env.NODE_ENV的做如下修改(亲测必须修改,否则可以打出测试包,但是打开报错空白页有问题)

以utils.js为例,其他两个文件也要做修改

二、config文件夹下做如下修改

1)dev.env.js做如下图修改(注意地址要用双引号

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值