我应该如何以角度导入 sass 文件

Question

例如，我有如下所示的scss文件结构：

src
| - assets
|
| - scss
|
| - patials
| - _variable.scss
| - _flex--layout.scss
| - _button.scss

并且所有部分都已导入样式.scss：

styles.scss

@import 'app/styles/normalize';
@import 'app/styles/variables';
@import 'assets/scss/_loading';
@import 'assets/scss/partials/_color.vars';
@import 'assets/scss/partials/size.vars';
@import 'assets/scss/partials/utils';

问题： 如果组件在其 xxx.componenet.scss 中同时使用了 _variable.scss、_flex--layout.scss 和 _button.scss， 我应该@import一次样式.scss吗？

@import '../../../styles.scss';

或者我应该导入所需的所有部分，如下所示：

@import '../../../assets/scss/partials/_color.vars';
@import '../../../assets/scss/partials/size.vars';
@import '../../../assets/scss/partials/utils';

Answer 1

你可以试试这个 -> 转到style.scss并import

@import '../src/assets/scss/patials/_variable.scs';
@import '../src/assets/scss/patials/_flex--layout.scss';
@import '../src/assets/scss/patials/_button.scss';

ANS - 仅在project范围内导入style.scss效果

Answer 2

@import '../../../styles.scss';

这应该足够了。