Question

我有一个css库，可以像这样直接在我的主要css文件中导入：

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css);

我想将其存储在本地项目中，然后从其文件夹中导入

我尝试下载文件并将其存储在我的assets/css/目录中，然后像这样在angular.json中添加路径：

"styles": [
  "src/styles.css",
  "src/assets/css/all.min.css"
],

但是在ng build之后（它会打印所有的css文件，然后清除终端，然后没有错误），然后我启动ng serve但得到Failed to compile

如何以最干净的方式执行此操作？（无需安装不需要的文件）

Answer 1

如果您尝试仅下载all.min.css，它将无法正常工作。您直接导入的字体真棒的css程序包引用/取决于其他在线程序包（例如sprites和webfonts）。我的解决方案是使用npm package of font-awesome，或从github获取。

从all.css复制：

.fab {
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

使用本地存储的版本替换外部CSS库文件

1 个答案: