如何将字体真棒导入Laravel?

时间:2018-06-02 14:59:43

标签: laravel sass font-awesome laravel-mix

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

1 个答案:

答案 0 :(得分:6)

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