通过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官网文档，上面也有详细的解释。