学无先后,达者为师

网站首页 Vue 正文

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

作者:向光者 更新时间: 2022-01-07 Vue

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 打包生产

原文链接:https://blog.csdn.net/dhlg123/article/details/121797648

栏目分类
最近更新