引言:在项目开发中,遇到了开发环境和生产环境使用模板不同的情况,配置如下:
一、vue.config.js
const path = require('path')
function resolve(dir){
return path.join(__dirname,dir)
}
module.exports = {
chainWebpack: config => {
config.plugin('html').tap(args => {
args[0].template = process.env.NODE_ENV === 'development'
? resolve('./public/index_dev.html')
: resolve('./public/index.html');
return args
})
},
}
二、创建一个index_dev.html
三、package.json 的命令配置
"serve": "vue-cli-service serve --mode development",
这时候就可以根据环境不同实现模板不同