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

Question

When using scss in an angluar cli app, where I can i see the resulting css that was generated and ng build was complete?

relevant section from 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"
    ]

and

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

Answer 1

Run:

ng build

Which will put your transpiled files into dist/, then check that folder for your css files.

Relevant docs: https://github.com/angular/angular-cli/wiki/build#creating-a-build