如何将字体真棒导入Laravel？

Question

如何在laravel项目中添加font-awesome.我跑了:

npm install font-awesome

但接下来是什么,如何在我app.scss正确的路径中导入它？我正在尝试: @import "/node_modules/font-awesome/scss/font-awesome.scss"; 但得到和错误:

ERROR in ./resources/assets/sass/app.scss

模块构建失败:ModuleBuildError:模块构建失败:@import"/node_modules/font-awesome/scss/font-awesome.scss";

Answer 1

如果您从node_modules目录中提取文件,则可以使用~后面的文件路径node_modules:

@import '~font-awesome/scss/font-awesome';

如果你有:

mix.options({
    processCssUrls: false
});

然后,您需要复制文件中的webpack.mix.js文件,例如:

mix.copy('./node_modules/font-awesome/fonts/**', 'public/fonts/font-awesome');

然后@import在你的.scss文件上面有:

$fa-font-path: '/fonts/font-awesome';