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 多环境打包的主要内容,如果未能解决你的问题,请参考以下文章
vue-cli 2.x 多环境打包配置,根据打包命令生成不同的打包文件名
vue-cli+webpack 实现开发测试生产多环境打包切换
使用vue-cli构建 webpack打包工具时,生产环境下,每次build时,删除dist目录,并重新生成,以防dist目录文件越来越多。