Angular 从角节点中的节点_模块预加载样式表

我安装了Ionicons（npm安装--保存ionicons@4.6.3)在Angular 9中，将其导入my styles.scss文件，如下所示：

$ionicons-font-path: "~ionicons/dist/fonts";
@import "~ionicons/dist/scss/ionicons.scss";

一切都很好，但从lighthouse的分数来看，这大大降低了页面加载速度。当我在index.html文件中导入google字体时，我做了以下操作（预连接和预加载似乎做了相同的事情，两者都起作用）：

---

如何对从node_模块导入的库执行相同的操作？提前谢谢。

我想您可以将ionicons导入路径从style.scss移动到

angular.json

如下所示：

"styles": [ "
...,
./node_modules/ionicons/dist/scss/ionicons.scss",
...,
],

当angular Service或build应用程序处理其余部分和负载时，请为您优化并最小化SCS。所以你真的不需要

rel=preload

---

希望我能帮助您。

我认为您可以将ionicons导入路径从style.scss移动到

angular.json

如下所示：

"styles": [ "
...,
./node_modules/ionicons/dist/scss/ionicons.scss",
...,
],

当angular Service或build应用程序处理其余部分和负载时，请为您优化并最小化SCS。所以你真的不需要

rel=preload

---

希望我能帮助您。

不幸的是，问题仍然存在。加载时间甚至从7秒变为9秒。不幸的是，问题仍然存在。加载时间甚至从7秒变为9秒。