将 angular 与 scss 一起使用时，如何查看翻译后的 css？

Question

在 angluar cli 应用程序中使用 scss 时，我在哪里可以看到生成的结果 css 并且 ng build 已完成？

来自 angular.json

的相关部分

  "options": {
    "outputPath": "dist/ClientApp",
    "index": "src/index.html",
    "main": "src/main.ts",
    "polyfills": "src/polyfills.ts",
    "tsConfig": "src/tsconfig.app.json",
    "assets": [
      "src/favicon.ico",
      "src/assets"
    ],
    "styles": [
      "./node_modules/bootstrap/scss/bootstrap.scss",
      "./node_modules/font-awesome/css/font-awesome.css",
      "src/styles.scss"
    ],
    "scripts": [
      "./node_modules/jquery/dist/jquery.min.js",
      "./node_modules/popper.js/dist/umd/popper.min.js",
      "./node_modules/bootstrap/dist/js/bootstrap.min.js"
    ]

和

  "defaultProject": "ClientApp",
  "schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }

Answer 1

运行:

ng build

这会将您的转译文件放入 dist/，然后检查该文件夹中是否有您的 css 文件。

相关文档：https://github.com/angular/angular-cli/wiki/build#creating-a-build

将 angular 与 scss 一起使用时，如何查看翻译后的 css？

When using angular with scss, how can I see the translated css?

angular-cli

kendo-ui-angular2

angular