我正在使用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之间的标题。
我提交了@ tony19推荐的错误报告。
tldnr:编辑public/index.html
模板中的标题,该标题将在构建时使用。
长版本:我的项目中没有public/index.html
了,显然我前一段时间删除了它,因此从未使用过模板功能。 cli仍然使用位于某处的模板,因此htmlWebpackPlugin的所有更改都不执行任何操作。
因此,要么禁用index.html-template并修改htmlWebpackPlugin,要么编辑模板以进行更改。