如何使用的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

回答

相关问题