Vueので左上のアイコンのタイトルタグを交換してください。

Vueので左上のアイコンのタイトルタグを交換してください。

　　プロジェクトの場所にfavicon.icoをという名前の1、アイコン：SRC /資産/ favicon.icoを

　　2、在のindex.html中写入<リンクREL = "ショートカットアイコン" タイプ= "画像/ X-アイコン" HREFが= "SRC /資産/ favicon.icoを" メディア= "画面">

<！DOCTYPE HTML > 
< HTML > 
  < ヘッド> 
    < メタのcharset = "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < タイトル>文档资源后台管理V1 .0.0 </ タイトル> 

   < リンクREL = "ショートカットアイコン" タイプ= "画像/ Xアイコン" HREF = "SRC /資産/ favicon.icoを" メディア= "画面" > </ ヘッド>  

  
  
    DIV ID = "アプリ" > </ divの> 
    <！ - 構築されたファイルが自動挿入されます- > 
  </ ボディ> 
</ HTML >

 

　　3、次webpack.prod.conf.jsはwebpack.dev.conf.jsを構築し、変更します。

　　webpack.prod.conf.js :(ファビコン：path.resolve（ 'SRC /資産/ favicon.icoを'）、//画像のアドレスの導入）

    // キャッシングの正しい資産ハッシュとのdistのindex.htmlを生成します。
    // あなたは/index.htmlが編集して出力をカスタマイズすることができます
    。// https://github.com/ampedandwired/html-webpack-pluginご覧
    新しいHtmlWebpackPlugin（{ 
      config.build.index、：ファイル名
      テンプレート： 'index.htmlを'を、
       ファビコン：path.resolve（ 'SRC /資産/ favicon.icoを'）、// 引入图片地址 
      注入：真、
      縮小化：{ 
        removeComments：真、
        collapseWhitespace：真、
        removeAttributeQuotes：真
        //より多くのオプション：
        // https://github.com/kangax/html-minifier#options-quick-reference 
      }、
       // 一貫CommonsChunkPluginを経由して複数のチャンクで動作するために必要な 
      chunksSortMode： '依存' 
    ）}、

 

webpack.dev.conf.js :(ファビコン：path.resolve（ 'SRC /資産/ favicon.icoを'）、//画像のアドレスの導入）

   // https://github.com/ampedandwired/html-webpack-plugin 
    新しい新HtmlWebpackPlugin（{ 
      ファイル名： 'index.htmlを' 、
      テンプレート： 'index.htmlを' 、
      注入する：trueに、
       のためのファビコン：path.resolve（「SRC /資産/ favicon.icoを「）、// 組み込ま絵アドレス  
    }）、

 

　　4、再実行