几个Scss组件中的Angular6导入引导文件

Question

我对在不同的组件中导入相同的scss文件有疑问，例如，来自节点模块的bootstrap scss文件， 它将以单个文件的形式进行编译还是将其重复复制，具体取决于我导入的复合文件的数量？

谢谢

Answer 1

否，Angular不会复制任何文件，而只会引用同一文件。我确实找不到任何引用来确切地支持该声明，但是我从未听说过任何编译器都可以进行文件复制，而且这样做的效率非常低。看一下this SOF问题，它可能对您有帮助。

Answer 2

您要在多个组件中导入引导程序。这意味着您已将引导文件保留在资产中，并仅以

的形式传递index.html

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

或

npm install --save bootstrap

angular.json

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

因此，每次importing中的several components会将其编译为单个文件。但是，它每次都引用引导文件。