Webpackはウェブページの小さいアイコンfaviconを処理します

問題:
vue足場はHtmlWebpackPluginプラグインを使用してindexの依存をパッケージ化するため、小さなアイコンを設定する際に元の方法で問題がページソースファイルindexに発生する.htmlのラベル間挿入

<link rel="shortcut icon" href=" /favicon.ico" /> 

まだ小さなアイコンをロードできません
解決方法:
HtmlWebpackPluginプラグインに小さなアイコンvueの足場を入れるときにwebpackを修正する.dev.conf.jsプロファイル

new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      favicon: './favicon.ico', //      
      inject: true
    }),

忘れないでprod.conf.jsにも追加が必要ですよ
注意:(faviconはルートディレクトリ(srcの同級ディレクトリ)に入れます.faviconはルートディレクトリを相対パスとし、webpackではありません.dev.conf.jsプロファイルは相対パスです.)構成項目を変更した後、npm run devを再更新してページをリフレッシュすると小さなアイコンが出てきます