vue项目打包

Question

vue项目打包的时候，发现配置的是如下命令：

    "build:work": "vue-cli-service build --mode work",
    "build:ut": "vue-cli-service build --mode ut",
    "build:prod": "vue-cli-service build"

ut的没看到就这三个env文件

我该怎么选择打包命令呢？

选择的 build:prod

vue打包上线：

1，有env文件，将文件中的ip地址改成线上的
2，先把router(路由)里面的 mode:'history' 注释
const router = new VueRouter({
 // mode: 'history', (就是这里注释,否则需要后端帮忙整改)
  base: process.env.BASE_URL,
  routes
})
3，在根目录创建一个vue.config.js,添加以下以下内容
将publicPath: '/', 改成 publicPath: './', 如下：
module.exports = {
    publicPath: './',
}


4，vue打包运行报错（Cannot assign to read only property 'exports' of object '#<Object>'）
在目录下babel.config.js中添加配置如下
module.exports = {
    presets: [
        '@vue/app'
    ],
    sourceType: 'unambiguous' //目的是让babel明确区分ES6导入导出方式与common.js导入导出方式
}

Answer 1

npm run build:prod

Answer 2

你应该问上一任这都是啥意思……

靠猜谁能知道 prod 和 work、dt 有啥区别？到底哪个是生产？从字面上确实应该是 prod，但谁特么知道“最终版”后面有没有“最终不改版”和“最终打死不改版”？

P.S. 侧面说明贵司开发文档缺失的问题很严重……

Answer 3

看对应的.env文件内容吧分别对应

.env.work
.env.ut
.env.production

=====================================================
所有文件都继承自.env所以只需要看.env.work和.env.production

根据环境名字及内容可以确定生产环境就是npm run build:prod