vue3:通过htmlWebpackPlugin.options.title修改页面项目标题

vue3项目想修改页面中项目标题，搜索后发现标题是通过文件public - index.html中的htmlWebpackPlugin.options.title进行定义。

修改此处标题

index.html

修改方法

在vue.config.js中进行配置修改

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  // 修改标题
  pages: { 
    index: {
      entry: 'src/main.js', // 入口文件
      title: '你的标题'
    }
  }
})

修改成功