我正在使用 SASS 设计我的网站,并在单独的文件中开发了一些部分,例如_partials.scss. 现在我想在我的各种组件的 scss 文件中使用这些变量和 mixin。所以我将此 scss 导入到styles.scss文件\src夹中的文件中。但是 mixins 和变量不适用于每个组件级 scss 文件。
因此,接下来我将这些部分导入到每个组件 scss 文件中。这工作正常。但这是在所有组件样式表中导入部分的好方法吗?对此有什么更好的解决方案?
PS 我正在使用 Angular CLI 和 webpack。Angular 2 版本 2.3.0
谢谢!
这是一个很好的方法。.scss项目中的每个文件都应该知道它的依赖关系,这就是为什么@import总是好的原因。
您可以改进的是将部分添加到includePaths(如果您使用 node-sass),您可以直接使用它@import 'partials';来代替@import '../../my/long/path/to/partials';或将样式作为单个文件(不是组件级样式)。