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を追加:「../../」
そのショーに続いてパッケージ化されたフォント画像