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