vue 多环境打包

Posted qzccl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 多环境打包相关的知识,希望对你有一定的参考价值。

1、修改packjson

新增一个要编译的命令

"builddev": "node build/builddev.js"

2、新建一个builddev.js

process.env.type = ‘"builddev"‘
require(‘./build‘)

3、index.js修改

把build复制一份,修改相应的index、assetsRoot、assetsSubDirectory、assetsPublicPath

4、修改webpack.base.conf.js

 publicPath: process.env.NODE_ENV === ‘production‘
      ? (process.env.type == ‘"builddev"‘ ? config.builddev.assetsPublicPath : config.build.assetsPublicPath)
      : config.dev.assetsPublicPath

5、修改webpack.prod.conf.js

output: {
    path: process.env.type == ‘"builddev"‘ ? config.builddev.assetsRoot : config.build.assetsRoot
  },

 

以上是关于vue 多环境打包的主要内容,如果未能解决你的问题,请参考以下文章

vue3多页面运行与打包

vue-cli 2.x 多环境打包配置,根据打包命令生成不同的打包文件名

vue-cli+webpack 实现开发测试生产多环境打包切换

使用vue-cli构建 webpack打包工具时,生产环境下,每次build时,删除dist目录,并重新生成,以防dist目录文件越来越多。

Vue-cli 2.X 如何配置多项目集成环境

vue打包之后配置统一请求地址