首页 前端知识 Vue3 - 修改浏览器标题 htmlWebpackPlugin.options.title 的值

Vue3 - 修改浏览器标题 htmlWebpackPlugin.options.title 的值

2024-08-15 23:08:49 前端知识 前端哥 572 849 我要收藏

在 Vue CLI 4.x 中,htmlWebpackPlugin.options.title 是 HtmlWebpackPlugin 的一个选项,用于设置生成的 HTML 文件的标题。

你可以通过修改 vue.config.js 文件来修改这个选项。

以下是一个示例:

module.exports = {
  chainWebpack: config => {
    config.plugin('html').tap(args => {
      args[0].title = 'Your New Title'; // 修改 title
      return args;
    });
  }
}

在这个示例中,我们使用 chainWebpack 配置项来访问 webpack 的配置,然后找到 HtmlWebpackPlugin 的插件实例,并修改它的 title 选项为你想要的新标题。

最后通过 return args; 将修改后的配置返回。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15768.html
标签
评论
发布的文章

HTML5学习记录

2024-04-29 12:04:01

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!