如何使用的WebPack

添加字體從node_modules目錄真棒，我使用NPM安裝字體真棒--save-dev的安裝的字體，真棒，現在林具有包括它在我的項目的麻煩。以下是我的代碼。如何使用的WebPack

webpack.config.js

{ 
      test: /\.(svg|woff|woff2|ttf|eot|otf)$/, 
      loader: 'file-loader?name=assets/[name].[ext]', 
}

app.scss

$fa-font-path: "~font-awesome/fonts"; 
@import "~font-awesome/scss/font-awesome.scss";

錯誤

在./~/font-awesome/fonts/ ERROR fontawesome-webfont.eot？v = 4.7.0 模塊解析失敗：/ProjectSite/node_modules/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0意外字符' '（1：1）您可能需要一個合適的加載程序來處理此文件類型。

來源

2017-05-18 PenAndPapers

通過閱讀做一些研究，我終於通過在正則表達式部分添加（[\？]？。*）$來解決它。

{ 
    test: /\.(svg|woff|woff2|ttf|eot|otf)([\?]?.*)$/, 
    loader: 'file-loader?name=assets/fonts/[name].[ext]', 
}

來源

2017-05-19 08:15:51 PenAndPapers

它能夠更好地使用'.... EOT？|？OTF）（\ *）$' – Bamieh

感謝@Ahmad Bamied – PenAndPapers

您是否安裝了NPM文件，裝載機包？

npm install --save-dev file-loader

我有一個的WebPack例如儲存庫中，我包括字體真棒。它可能有幫助。你可以找到它here

來源

2017-05-19 01:26:02 JeffG

是的，我已經安裝了文件加載器，但仍然不工作 – PenAndPapers

如何使用的WebPack

回答

相關問題