Vue-Cli:htmlWebpackPlugin的'title'选项不起作用

问题描述 投票:1回答:1

我正在使用vue-cli(3.4.1)而我正在尝试简单地更改文档的标题。

我将以下内容添加到vue.config.js中

chainWebpack: (config) => {
    config
      .plugin('html')
      .tap((args) => {
        args[0].title = 'Custom Title';
        return args;
      });
  },

并使用vue inspect --plugin html检查webpack配置,得到以下输出

/* config.plugin('html') */
new HtmlWebpackPlugin(
  {
    templateParameters: function () { /* omitted long function */ },
    template: '<path>\node_modules\\@vue\\cli-service\\lib\\config\\index-default.html',
    title: 'Custom Title'
  }
)

Webapp的标题仍然是“Vue App”。

有什么想法吗?

PS:我不想在我的应用程序中的某个地方设置document.title = 'Custom Title'。我希望在构建时更改文档的<title>元素中的<head>-tags之间的标题。

vue.js webpack vue-cli-3
1个回答
0
投票

我提交了@ tony19推荐的错误报告。

tldnr:编辑public/index.html模板中的标题,该标题将在构建时使用。

长版本:我的项目中没有public/index.html了,显然我前一段时间删除了它,因此从未使用过模板功能。 cli仍然使用位于某处的模板,因此htmlWebpackPlugin的所有更改都不执行任何操作。

因此,要么禁用index.html-template并修改htmlWebpackPlugin,要么编辑模板以进行更改。

© www.soinside.com 2019 - 2024. All rights reserved.