详解Angular-cli生成组件修改css成less或sass的实例


Posted in Javascript onJuly 27, 2017

详解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 的文章还有很多,欢迎大家搜索查阅,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
for 循环性能比较 提高for循环的效率
Mar 19 Javascript
Js 获取Gridview选中行的内容操作步骤
Feb 05 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
Javascript学习笔记之数组的遍历和 length 属性
Nov 23 Javascript
JavaScript学习笔记之基础语法
Jan 22 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
May 11 Javascript
jQuery AjaxUpload 上传图片代码
Feb 02 Javascript
d3.js入门教程之数据绑定详解
Apr 28 Javascript
JavaScript之Canvas_动力节点Java学院整理
Jul 04 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
layer.confirm()右边按钮实现href的例子
Sep 27 Javascript
浅谈Vue static 静态资源路径 和 style问题
Nov 07 Javascript
Vue中如何实现轮播图的示例代码
Jul 27 #Javascript
基于构造函数的五种继承方法小结
Jul 27 #Javascript
vue中各组件之间传递数据的方法示例
Jul 27 #Javascript
微信小程序 页面跳转传值实现代码
Jul 27 #Javascript
JS实现按钮控制计时开始和停止功能
Jul 27 #Javascript
关于JavaScript中forEach和each用法浅析
Jul 27 #Javascript
Easyui使用Dialog行内按钮布局的实例
Jul 27 #Javascript
You might like
php CI框架插入一条或多条sql记录示例
2014/07/29 PHP
深入讲解PHP Session及如何保持其不过期的方法
2015/08/18 PHP
PHP的自定义模板引擎
2017/03/24 PHP
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
JavaScript地图拖动功能SpryMap的简单实现
2013/07/17 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
JQuery PHP图片在线裁剪实例
2020/07/27 Javascript
JSON数据中存在单个转义字符“\”的处理方法
2018/07/11 Javascript
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
原生JS实现旋转轮播图+文字内容切换效果【附源码】
2018/09/29 Javascript
layUI的验证码功能及校验实例
2019/10/25 Javascript
微信小程序页面渲染实现方法
2019/11/06 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
原生js实现五子棋游戏
2020/05/28 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
[03:58]2014DOTA2国际邀请赛 龙宝赛后解密DK获胜之道
2014/07/14 DOTA
python删除本地夹里重复文件的方法
2020/11/19 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
django drf框架自带的路由及最简化的视图
2019/09/10 Python
Python socket模块方法实现详解
2019/11/05 Python
python中count函数简单的实例讲解
2020/02/06 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
python属于解释型语言么
2020/06/15 Python
应届大学生求职信
2013/12/01 职场文书
致跳高运动员加油稿
2014/02/12 职场文书
消防安全责任书
2014/04/14 职场文书
建筑安全标语
2014/06/07 职场文书
低碳环保标语
2014/06/12 职场文书
小学网上祭英烈活动总结
2014/07/05 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
勇敢的心观后感
2015/06/09 职场文书
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS