web-dev-qa-db-ja.com

Vue Cli 3が生成したプロジェクトセットのHTMLタイトル

現在、Vue CLI 3でプロジェクトを生成すると、タイトルは「Vue App」になります。

document.titleで作成したフックにタイトルを設定した場合、document.titleで設定したタイトルを表示する前に、ブラウザーは「Vue App」を点滅させます。

Vue CLI 3で生成されたプロジェクトにデフォルトの「Vue App」タイトルを最初にフラッシュせずに、HTMLタイトルを設定する方法を探しています。

vue.jsvue-cli-3
14
xspydr

/public/index.htmlのタイトルは静的に設定できます。

Index.htmlで空の文字列に設定し、更新をフックに保持すると、点滅がなくなります。

10
wwerner

また、別の方法でカスタムindex.htmlを使用して、vue.config.jsを変更できます。


module.exports = {
  publicPath: '/',
  chainWebpack: config => {
    config
      .plugin("html")
      .tap(args => {
        args[0].template = './public/index.html'
        return args
      })
  }
};
0
Pashaman

次のコマンドを使用して、package.jsonのpostinstallセクションにscriptsを追加できます："postinstall": "cp ./public/index.html ./node_modules/@vue/cli-service/lib/config/index-default.html"

0
Pashaman