詳解Angular-cli生成組件修改css成less或sass的實例

使用cli命令生成組件:

ng generate component 組件名 

生成出來的組件文件有：html / ts / css / spec.ts

問題我是一個less重度患者怎么可能再去寫css呢。

于是我就在想使用cli生成組件的時候能直接生成出來的是less文件而不是css文件；

修改angular-cli.json文件：

apps   "styles": [    "styles.less"  ]"defaults":   "styleExt": "less",

這樣就能用組件命令生成的時候替換css文件成less文件

但是angular代碼會報錯，需要去修改所有的.css文件成.less文件。

ts文件內引用的styleUrls里面的css修改成less

cli編輯不報錯了

less編譯問題：

less less-loader 

sass文件的操作如上一樣

 以上就是對Angular-cli生成組件修改css成less或sass的實例詳解，如有疑問請留言或者到本站社區交流討論，本站關于AngularJS 的文章還有很多，歡迎大家搜索查閱，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！