如何将 font-awesome 导入到 Laravel？

Question

如何将 font-awesome 添加到 laravel 项目。我运行:

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');

然后在 .scss 文件中的 @import 上方有：

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

How to import font-awesome to Laravel?