当我导入 scss 文件时，CSS 库不起作用答案

【问题标题】：CSS libraries don't work when i import into scss file当我导入 scss 文件时，CSS 库不起作用
【发布时间】：2020-03-26 00:00:48
【问题描述】：

所以我在我的基于 npm 和 gulp 的 Web 项目中使用 sass。我有一个 scss 文件，我在其中导入其他部分以及 CSS 库，如 font-awesome.css，我没有使用 npm 安装..

 /**style.scss**/
@import "_partialfile";
@import "../lib/font-awesome";

scss 文件将被转译为 style.css，这是我从我的 index.html 中引用的strong> 作为主要样式表。我的问题是，当我在 index.html 中添加像 <i class="fa fa-bars"></i> 这样的图标时，它不会显示。有人可以帮忙吗...

【问题讨论】：

你使用哪个版本的字体很棒？某些版本使用 fas
我试过 fas,far,fab,fa 都不起作用
尝试导入带有扩展名的文件。
是的，我已经尝试过这个@import "../lib/font-awesome.css" 它仍然没有成功

标签： html css sass font-awesome

【解决方案1】：

好吧，我在这里找不到答案..但我自己想通了。这些库拒绝工作，因为当使用 npm 安装时，像 font-awesome 这样的库会按预期移动到 npm_modules，但是主 stylesheet.css 的文件夹引用了 ../parent 目录中的另一个 webfonts 文件夹。当我将样式表@import 到我的 src 文件夹中的 scss 文件中时，它会丢失引用，因为我已将其导入到另一个目录中，在该目录中找不到 webfonts 文件夹....为了解决问题，我只是复制了webfonts 文件夹到我的 src 目录

【讨论】：