Sass 网页包:导入字体awesome失败,因为它可以';我找不到字体

Sass 网页包:导入字体awesome失败,因为它可以';我找不到字体,sass,webpack,font-awesome,Sass,Webpack,Font Awesome,我正在使用NPM的字体真棒,并尝试将其用于webpack。但是,我得到一个错误,字体找不到。字体位于~/Projects/GrailLuck/node\u modules/font awesome/font下 我在我的sass文件中导入字体,如下所示: @import "~font-awesome/css/font-awesome"; 我的装载机: loaders: [ { test: /\.js$/, exclude: /node_modules|app.js/, l

我正在使用NPM的字体真棒,并尝试将其用于webpack。但是,我得到一个错误,字体找不到。字体位于
~/Projects/GrailLuck/node\u modules/font awesome/font

我在我的sass文件中导入字体,如下所示:

@import "~font-awesome/css/font-awesome";
我的装载机:

loaders: [
{
    test: /\.js$/,
    exclude: /node_modules|app.js/,
    loader: "babel-loader",
    query: {
      presets: ['es2015']
    }
},
{
    test: /\.scss$/,
    exclude: /node_modules/,
    include: [ path.resolve(__dirname, "src", "sass") ],
    loader: 'style!css!sass?includePaths[]=' + path.resolve(__dirname, './node_modules/compass-mixins/lib')
},
{
    test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
    loader: "url?limit=10000&mimetype=application/font-woff"
},
{
    test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
    loader: "url?limit=10000&mimetype=application/font-woff"
},
{
    test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
    loader: "url?limit=10000&mimetype=application/octet-stream"
},
{
    test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
    loader: "file"
},
{
    test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
    loader: "url?limit=10000&mimetype=image/svg+xml"
}]
下面是我得到的错误:

ERROR in ./~/css-loader!./~/sass-loader?includePaths[]=/home/spock/Projects/GrailLuck/web/~/compas
s-mixins/lib!./src/sass/app.scss
Module not found: Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.svg in /home/spo
ck/Projects/GrailLuck/web/src/sass
 @ ./~/css-loader!./~/sass-loader?includePaths[]=/home/spock/Projects/GrailLuck/web/~/compass-mixi
ns/lib!./src/sass/app.scss 6:10469-10520
存在与上述相同的多个错误。每种字体一个


有什么办法让它工作吗?

我发现有一个叫做的软件包。工作非常完美,不像网络上的其他解决方案那样让人感觉像黑客一样。

我发现有一个名为。与网络上的其他解决方案一样,它可以完美地工作,不会让人感觉像黑客一样。

如果您能对此进行扩展,那就太好了。文档中提供了使用说明。说实话很简单,对我来说并不简单。也许你太聪明了,或者我太笨了,但事实是,如果有人在谷歌上搜索并发现这个问题,如果他们有比“使用这个”更多的东西,那就太好了。说真的,我仍然不明白这怎么包括字体可怕的sass部分?我们可以在Sass中使用吗?该示例仅显示了一个网页包配置。我一直在问这个问题,因为我正在尝试使用字体awesome sass loader,并且遵循了文档,但是字体被打包为相对文件URL,无法加载。文件没有涵盖这一部分,这个问题也没有回答。。很高兴能看到一个完整的例子的答案。如果你能对此进行扩展,那就太好了。使用说明在文档中。说实话很简单,对我来说并不简单。也许你太聪明了,或者我太笨了,但事实是,如果有人在谷歌上搜索并发现这个问题,如果他们有比“使用这个”更多的东西,那就太好了。说真的,我仍然不明白这怎么包括字体可怕的sass部分?我们可以在Sass中使用吗?该示例仅显示了一个网页包配置。我一直在问这个问题,因为我正在尝试使用字体awesome sass loader,并且遵循了文档,但是字体被打包为相对文件URL,无法加载。文件没有涵盖这一部分,这个问题也没有回答。。如果你能给出一个完整的例子,那就太好了。