詳解Angular-cli生成組件修改css成less或sass的實例
更新時間：2017年07月27日 09:17:02 作者：侞婼冇罪
這篇文章主要介紹了詳解Angular-cli生成組件修改css成less或sass的實例的相關(guān)資料,這里主要講解修改angular-cli.json文件,生成css或者less,需要的朋友可以參考下
詳解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文件內(nèi)引用的styleUrls里面的css修改成less
cli編輯不報錯了
less編譯問題：
less less-loader
sass文件的操作如上一樣
以上就是對Angular-cli生成組件修改css成less或sass的實例詳解，如有疑問請留言或者到本站社區(qū)交流討論，本站關(guān)于AngularJS 的文章還有很多，歡迎大家搜索查閱，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
您可能感興趣的文章:
相關(guān)文章
詳解AngularJS用Interceptors來統(tǒng)一處理HTTP請求和響應(yīng)
本篇文章主要介紹了AngularJS用Interceptors來統(tǒng)一處理HTTP請求和響應(yīng) ，具有一定的參考價值，有興趣的可以了解一下2017-06-06
angular 表單驗證器驗證的同時限制輸入的實現(xiàn)
表單驗證是經(jīng)常用到一個東西，這篇文章主要介紹了angular 表單驗證器驗證的同時限制輸入的實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
angular.js指令中transclude選項及ng-transclude指令詳解
這篇文章主要研究一下如何使用ng-transclude指令,以及指令的transclude選項的相關(guān)資料，文中介紹的非常詳細(xì)，并給出了完整的示例代碼大家參考學(xué)習(xí)，需要的朋友們下面來一起看看吧。2017-05-05
這篇文章主要為大家詳細(xì)介紹了angularjs實現(xiàn)簡單的購物車功能 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
AngularJs Injecting Services Into Controllers詳解
本文主要介紹AngularJs Injecting Services Into Controllers的知識,這里整理了一下相關(guān)資料，及示例代碼，幫助大家學(xué)習(xí)和理解，有興趣的小伙伴可以參考下2016-09-09
angular.js指令中的controller、compile與link函數(shù)的不同之處
最近一位大神問了我angular.js指令中的controller、compile與link函數(shù)的不同，想了想居然回答不出來，所以必須要深入的探究下，下面這篇文章主要介紹了關(guān)于angular.js指令中的controller、compile與link函數(shù)的不同之處，需要的朋友可以參考下。2017-05-05
這篇文章主要介紹了淺析AngularJs HTTP響應(yīng)攔截器的相關(guān)資料,需要的朋友可以參考下2015-12-12
深入淺析AngularJS中的一次性數(shù)據(jù)綁定 (bindonce)
這篇文章主要介紹了AngularJS中的一次性數(shù)據(jù)綁定 (bindonce)知識,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-05-05
angularJs提交文本框數(shù)據(jù)到后臺的方法
今天小編就為大家分享一篇angularJs提交文本框數(shù)據(jù)到后臺的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
在Angular中,NgZone是一個服務(wù),用于管理異步任務(wù)的執(zhí)行,并提供一種在Angular區(qū)域內(nèi)或外部顯式運(yùn)行代碼的方式,NgZone.run方法是一種顯式在Angular區(qū)域內(nèi)運(yùn)行函數(shù)的方式,本文介紹Angular中的NgZone.run()有什么用,感興趣的朋友一起看看吧2024-01-01