web-dev-qa-db-ja.com

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

9

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

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

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

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

0

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

0
NeoTheThird