已有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"
  ]
  

本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。