如何在Angular 2中添加导入SCSS文件

Question

我想问一下如何在一个css文件中导入我的.scss文件。例如，我有全局scss文件，如colors.scss，mixins.scss和helpers.scss。我想有一个.scss文件，我只是@import加载我所有的.scss文件。我正在使用angular-cli来创建我的项目。

谢谢！

Answer 1

1您在styles.scss目录下创建全局src文件。

2接下来，将该文件添加到angular-cli.json样式数组：

 "apps": [
        {
            "root": "src",
            "outDir": "dist",
            "assets": "assets",
            "index": "index.html",
            "main": "main.ts",
            "test": "test.ts",
            "tsconfig": "tsconfig.json",
            "prefix": "app",
            "mobile": false,
            "styles": [
                "styles.css"
            ],
            "scripts": [],
            "environments": {
                "source": "environments/environment.ts",
                "dev": "environments/environment.ts",
                "prod": "environments/environment.prod.ts"
            }
        }
    ],

3导入styles.scss

中的所有.scss文件

@import 'styles/colors.scss';