Angular6在几个scss组件中导入引导文件

【问题标题】：Angular6 import bootstrap file in several scss componentAngular6在几个scss组件中导入引导文件
【发布时间】：2019-04-17 19:51:29
【问题描述】：

我有一个关于在不同组件中导入相同 scss 文件的问题，例如来自节点模块的 bootstrap scss 文件，它会将其编译为单个文件还是会根据我导入的组件数量来复制它？

谢谢

【问题讨论】：

【解决方案1】：

不，Angular 不会复制任何文件，只会引用同一个文件。我真的找不到任何引用来准确地支持这种说法，但我从未听说过使用任何编译器进行文件复制，更何况，那将是非常低效的。看看this SOF question，这可能对你有帮助。

【讨论】：

【解决方案2】：

您正在几个组件中导入引导程序。这意味着您将引导文件保存在资产中，并且只是将index.html 作为

<link href="...." rel="stylesheet">

或者，

npm install --save bootstrap

angular.json

styles:[
"node_modules/scss/bootstrap.scss"
]

所以，importing 每次都在 several components 中，将其编译为单个文件。但是，它每次都引用引导文件。

【讨论】：