VUEプロジェクトパッケージの配備elementUIフォントのアイコンは、問題が不足しています

VueがVUE-CLIを使用せずに、導入elementUIは、WebPACKの直接パッケージ化ツールを使用して、フォントのアイコンが欠落している見つけ、自分のプロジェクトをビルドします

どのような解決策レコード:

WebPACKのモジュール構成:(webpack.base.conf.jsはビルドディレクトリファイル)

{ 
        テスト: /\.(woff2?|eot|ttf|otf)(\?.*)?$/ 
        ローダー: 'URL-ローダー'は
        オプション:{ 
          制限: 10000 
          名前:utils.assetsPath(「フォント/ [名] [ハッシュ:7]。[EXT]」
        } 
}

utils.js修正のWebPACKの:(utils.jsはビルドディレクトリファイル)

    もし(options.extract){
       返す({ExtractTextPlugin.extractを
        使用:ローダー、
        フォールバック: 'VUEスタイルローダ' 
        :publicPath '../../' 
      })
    } {
       戻り 'VUEスタイルローダ[ ' ] .concat(ローダー)
    }

 

ただ、publicPathを追加:「../../」

そのショーに続いてパッケージ化されたフォント画像

おすすめ

転載: www.cnblogs.com/sloanlv/p/11106513.html