vue2.x cli2.x配置本地、测试、生产环境打包

webpack3.6 cli2.x 配置测试打包,已经有本地和生产环境,新增测试环境打包配置

1.在config下新建test.env.js,复制prod.env.js内容,NODE_ENV改成test
`'use strict';
module.exports = {
    NODE_ENV: '"test"',
};`
2.在build文件夹下新建webpack.test.conf.js,复制webapck.prod.conf.js内容,

在这里插把对应的prod.env改成test.env入图片描述把对应的prod.env改成test.env

3. build文件夹下的utils.js修改,webpack.base.conf.js修改

在这里插入图片描述const assetsSubDirectory = process.env.NODE_ENV === ‘production’ || ‘test’
? config.build.assetsSubDirectory
: config.dev.assetsSubDirectory;
在这里插入图片描述

4.build文件夹下的vue-loader.conf.js修改

在这里插入图片描述加上test的判断

5.package.json文件修改

在这里插入图片描述
新增"test": “node build/test.build.js”

6.build文件夹下新建test.build.js文件,复制build.js内容

在这里插入图片描述

7. 修改config文件下index.js,打包测试和生成生成test和dist文件夹

在这里插入图片描述npm run test 生成test文件夹
npm run build 生成dist文件夹

8. 测试

npm run dev 启动本地
npm run test 打包测试
npm run build 打包生产

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值