有可能同时使用css和SCS吗

我包括一个独立的构建模块，它使用.scss（SASS）将现有的Angular应用程序设置为纯CSS。是否可以将这两个选项相邻，是否需要任何自定义配置，例如在

angular cli.json

defaults部分：

"defaults": {
  "styleExt": "css? scss?"
}

---

或者只能使用这两种样式中的一种吗？

我建议您将

styleExt

更改为scss，将css文件更改为scss，因为scss是css的超集。

您可以同时使用这两种样式，但必须将样式扩展设置为SASS或css

现在，如果您想在组件中使用CSS或SASS，只需使用Angular CLI生成类似

用于CSS

ng g component my-component --style=css

无礼

ng g component my-component --style=sass

---

因此，将样式扩展设置为SASS，并在项目中使用CSS扩展

:

仍然支持样式预处理器选项。但是，您必须手动更新新生成的

angular.json

。它的新位置在json的“options”块中

示例配置可能如下所示：

"options": {
    "outputPath": "../webapp",
    "index": "src/index.html",
    "main": "src/main.ts",
    "tsConfig": "src/tsconfig.app.json",
    "polyfills": "src/polyfills.ts",
    "assets": [
        {
            "glob": "**/*",
            "input": "src/resources",
            "output": "/resources"
        },
    ],
    "styles": [
        "src/styles.scss"
    ],
    "stylePreprocessorOptions": {
        "includePaths": [
            "src/styles"
        ]
    },
    "scripts": []
}

请注意更改的路径

原始答案

实际上，通过将

“styleExt”

设置为

“css”

，它很好地实现了开箱即用。特定模块中的一组组件正在使用SASS。我有一个包含变量和mixin的sass文件夹，需要在

angular cli.json中进行此设置才能正确编译/处理这些scss文件：

"stylePreprocessorOptions": {
  "includePaths": [
    "sass"
  ]
}

该应用程序通过混合使用css和scss文件呈现良好效果。我假设此
styleExt
参数仅用于在通过
angular cli
命令添加组件时生成默认组件样式（
css、scss、less
）文件。
是的，您可以同时使用这两种样式。
.angular cli.json
中的defaults属性只是告诉angular cli在创建新组件时使用哪个组件。只需将值设置为你越频繁使用的值我猜你的答案与我的有什么不同？除了展示如何制作文件外，它本质上是相同的东西，根本不需要……正如我下面的答案所示。无论如何，谢谢。我在
angular8
应用程序中找不到任何配置作为
stylepreprocessions
或
angularcli.json
。你能建议在哪里做这个改变吗？