已有Angular工程引用sass

已有Angular-CLI工程樣式文件改爲sass

• 1.需要引用node-sass包

  npm i node-sass --save-dev

• 2.修改項目中的.angular-cli.json編譯配置文件

  // 修改此處利用npm g components xxx的時候會創建sass的樣式文件

  "defaults" : {
  		"styleExt": "sass",
  }
  

  此外還需要修改style文件的引用

  • 對style.css文件重命名爲style.sass
  • 修改引用

    "styles": [
       "style.sass"
    ]