根据配置的mode环境显示不同的index模板

引言：在项目开发中，遇到了开发环境和生产环境使用模板不同的情况，配置如下：
一、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",

这时候就可以根据环境不同实现模板不同