title: How do I add sass-lint to my angular-cli.json file?
body: <p>I'm using this seed app: <a href="https://github.com/2sic/app-tutorial-angular4-hello-dnn" rel="noreferrer">https://github.com/2sic/app-tutorial-angular4-hello-dnn</a></p>
  
  <p>I've installed sass-lint: <a href="https://www.npmjs.com/package/sass-lint" rel="noreferrer">https://www.npmjs.com/package/sass-lint</a></p>
  
  <p>But not sure how to add this to my angular-cli.json file.</p>
  
  <p>I've using <strong>angular version 4</strong>, <strong>webpack</strong>, with <strong>typescript</strong> and <strong>sass</strong> for this example.</p>
  
  <p>I've added a "sass-lint.yml" file to my root with the default settings.</p>
  
  <p><strong>This is my angular-cli.json file:</strong></p>
  
  <pre><code>{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "project": {
      "name": "my-app"
    },
    "apps": [
      {
        "root": "src",
        "outDir": "dist",
        "assets": [
          "assets",
          "favicon.ico"
        ],
        "index": "index.html",
        "main": "main.ts",
        "polyfills": "polyfills.ts",
        "test": "test.ts",
        "tsconfig": "tsconfig.app.json",
        "testTsconfig": "tsconfig.spec.json",
        "prefix": "app",
        "styles": [
          "styles.scss"
        ],
        "scripts": [
          "../node_modules/lodash/lodash.js"
        ],
        "environmentSource": "environments/environment.ts",
        "environments": {
          "dev": "environments/environment.ts",
          "prod": "environments/environment.prod.ts"
        }
      }
    ],
    "e2e": {
      "protractor": {
        "config": "./protractor.conf.js"
      }
    },
    "lint": [
      {
        "project": "src/tsconfig.app.json"
      },
      {
        "project": "src/tsconfig.spec.json"
      },
      {
        "project": "e2e/tsconfig.e2e.json"
      }
    ],
    "test": {
      "karma": {
        "config": "./karma.conf.js"
      }
    },
    "defaults": {
      "styleExt": "scss",
      "component": {
      }
    }
  }
  </code></pre>