0

我有一个使用 Sass 进行 CSS 处理的 Angular 项目，我正在研究 Tailwind。我想将 Tailwind 导入到各种组件 Sass 文件中，以便可以扩展它们，但是我看到当我两次导入同一个文件时，它在 Angular 生成的文件中出现了两次。

是否有某种组织方式或某种方法可以避免重复？还是我想错了问题？

4

1 回答 1

1

将 sass 文件导入不同的组件会导致每个组件都具有该 sass 文件中声明或定义的任何内容的副本。现在这对于变量和 mixin 来说是可以的，因为编译器可以优化掉相同的匹配变量名称和 mixin，但对于常规类却不是这样，因为您定义的类最终将使用每个组件的自定义名称修饰来限定组件的范围。因此，每个组件将生成的 css 将包含具有稍微命名/附加属性的相同类。

您可能应该将您的 tailwindcss 导入到您的全局 style.scss 中，以避免重复。

https://github.com/angular/angular-cli/issues/8431

于 2021-09-30T11:48:02.120 回答