通过webpack配置vue项目页面title

vue 项目创建之后，在index.htm里面的title，使用 htmlWebpackPlugin.options.title 进行的展示。

调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象，该对象将会被 webpack-merge 合并入最终的 webpack 配置。有些 webpack 选项是基于 vue.config.js 中的值设置的，所以不能直接修改。

module.exports = {
  
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].title = '欢迎使用xx管理平台'
        return args
      })
  }
}

如果没有vue.config.js文件，自己在根目录下面建一个好了。

有不清楚的地方可以查看vue-cli官网文档，上面也有详细的解释。

官网链接：vue-cli webpack配置