时间戳

首页 > 解决方案 > 如何将 font-awesome 导入 Laravel？

laravel - 如何将 font-awesome 导入 Laravel？

问题描述

如何在 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";

标签： laravelsassfont-awesomelaravel-mix

解决方案

如果您要从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';

推荐阅读