vue cli4 修改静态html的 %= htmlWebpackPlugin.options.title % 默认值

在默认初始化好的vue cli项目，public目录下的index.html文件，他的title使用的是一种ejs语法：

<title><%= htmlWebpackPlugin.options.title %></title>

接收的是htmlWebpackPlugin对象上，options的title。

一般情况，省事一点，直接把这个title给改成静态就完事了！

<title>静态标题</title>

但是，好像少了点什么，能不能不改动这个就能改标题呢？

当然是可以的，我们需要配置下vue.config.js

vue.config.js

module.exports = {
  chainWebpack(config){
    //修改htmlWebpackPlugin
    config.plugin('html').tap(args => {
      args[0].title = '你要改成的标题';
      return args;
    })
  }
}

大概这样就行了，这个应该用的是：webpack-chain

有兴趣可以去啃一下文档。