如何使Angular-CLI在资源文件夹中将SCSS编译为CSS

我有一个资产文件夹,当我在其中放入一个css文件时,可以使用它.
但是当我将css文件重命名为scss时,它不是由angular-cli编译的.

要将scss文件编译为css,我需要做什么？

这是我的项目的package.json：

{
  "name": "my project","scripts": {
    "ng": "ng","start": "ng serve","build": "ng build","test": "ng test","lint": "ng lint","e2e": "ng e2e"
  },"private": true,"dependencies": {
    "@angular/animations": "4.1.3","@angular/common": "4.1.3","@angular/compiler": "4.1.3","@angular/core": "4.1.3","@angular/forms": "4.1.3","@angular/http": "4.1.3","@angular/platform-browser": "4.1.3","@angular/platform-browser-dynamic": "4.1.3","@angular/router": "4.1.3","@angular/upgrade": "4.1.3","@axinpm/ang-core": "^0.2.3","chart.js": "2.5.0","core-js": "2.4.1","moment": "2.18.1","ng2-charts": "1.5.0","ng2draggable": "^1.3.2","ngx-bootstrap": "1.6.6","rxjs": "5.4.0","ts-helpers": "1.1.2","zone.js": "0.8.11"
  },"devDependencies": {
    "@angular/cli": "1.1.1","@angular/compiler-cli": "4.1.3","@types/jasmine": "2.5.47","@types/node": "7.0.22","codelyzer": "3.0.1","jasmine-core": "2.6.2","jasmine-spec-reporter": "4.1.0","karma": "1.7.0","karma-chrome-launcher": "2.1.1","karma-cli": "1.0.1","karma-jasmine": "1.1.0","karma-jasmine-html-reporter": "0.2.2","karma-coverage-istanbul-reporter": "1.2.1","protractor": "5.1.2","ts-node": "3.0.4","tslint": "5.3.2","typescript": "2.4.2"
  }
}

这是我的项目的.angular-cli.json：

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json","project": {
    "version": "1.0.0-alpha.6","name": "my project"
  },"apps": [
    {
      "root": "src","outDir": "dist","assets": ["assets"],"index": "index.html","main": "main.ts","polyfills": "polyfills.ts","test": "test.ts","tsconfig": "tsconfig.app.json","testTsconfig": "tsconfig.spec.json","prefix": "app","styles": [
        "scss/style.scss"
      ],"scripts": [
        "../node_modules/chart.js/dist/Chart.bundle.min.js","../node_modules/chart.js/dist/Chart.min.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","prefixInterfaces": false
  }
}

谢谢