如何在 angular 项目中正确导入 bootstrap scss 以避免样式重复？

Question

如何设置 angular 项目，以便可以使用 bootstrap 的混入和变量，而无需在每个页面中需要的每个组件中一遍又一遍地导入样式？我目前正在从事的项目就是这样做的（并使用 angular 路由器来提供页面服务）并且它导致多次导入 variables.scss 这对我来说似乎是一个很大的性能问题：

Answer 1

这通常是由于在多个组件中导入了包含某些样式的scss文件引起的。您应该只在根 scss 文件中导入样式，不要在组件 scss 中导入这些文件。我建议在组件 scss 中导入的唯一文件是函数、变量和混音。您可以使用这些 scss 函数来创建动态样式。