angular - 在 scss 中使用 angular 时，如何查看翻译后的 css？

Question

在 angular 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