根据配置的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",

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