Vue-Cli：htmlWebpackPluginの 'title'オプションが機能しない

私は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>-タグの間のタイトルをビルド時に変更したい。

vue.jswebpackvue-cli-3

2019/03/01Kristof Komlossy

@ tony19が推奨するバグレポートを提出しました。

tldnr：ビルド時に使用されるpublic/index.htmlのテンプレートのタイトルを編集します。

長いバージョン：プロジェクトにpublic/index.htmlがもうありません。明らかにそれを少し前に削除したため、テンプレート機能を使用していません。 CLIはまだどこかにあるテンプレートを使用しているため、htmlWebpackPluginに対するすべての変更は何もしません。

したがって、index.html-templateを無効にしてhtmlWebpackPluginを変更するか、テンプレートを編集して変更を加えます。

2019/03/06Kristof Komlossy

Webpack-configからタイトルを変更することができませんでした。vue-cliは後でconfigからのタイトルを上書きすると想定しています。私にとってうまくいったのは、VUE_APP_TITLE=<custom title>で.envを設定し、<title><%= process.env.VUE_APP_TITLE %></title>でindex.htmlを使用することです。ソース

2020/04/09NeoTheThird