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

【问题标题】：How should i import the sass files in angular我应该如何以角度导入 sass 文件
【发布时间】：2019-12-11 06:58:06
【问题描述】：

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

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

并且所有部分都已经导入到styles.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 styles.scss 一次吗，

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

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

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

【问题讨论】：

标签： angular sass

【解决方案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 - 仅导入 style.scss 影响整个 project

【讨论】：

【解决方案2】：

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

这应该足够了。

【讨论】：