详解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 相关文章推荐
JavaScript 核心参考教程 内置对象
Oct 13 Javascript
javascript之AJAX框架使用说明
Apr 24 Javascript
jquery parent和parents的区别分析
Oct 02 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
Aug 19 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
JS 获取HTML标签内的子节点的方法
Sep 21 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
Jan 20 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
vue中如何使用ztree
Feb 06 Javascript
jquery的 filter()方法使用教程
Mar 22 jQuery
微信小程序学习笔记之本地数据缓存功能详解
Mar 29 Javascript
微信小程序云开发详细教程
May 16 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 iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
PHP操作xml代码
2010/06/17 PHP
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
精美漂亮的php分页类代码
2013/04/02 PHP
解析mysql 表中的碎片产生原因以及清理
2013/06/22 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
javascript 设为首页与加入收藏兼容多浏览器代码
2011/01/11 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
2011/12/20 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
webpack external模块的具体使用
2018/03/10 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
在Python的Django框架中获取单个对象数据的简单方法
2015/07/17 Python
Python SQLite3简介
2018/02/22 Python
python奇偶行分开存储实现代码
2018/03/19 Python
简单了解python的内存管理机制
2019/07/08 Python
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
Ivory Isle Designs美国/加拿大:婚礼和活动文具公司
2018/08/21 全球购物
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
医科学校毕业生自荐信
2013/11/09 职场文书
化工专业推荐信范文
2013/11/28 职场文书
家长学校实施方案
2014/03/15 职场文书
员工安全生产承诺书
2014/05/22 职场文书
2014乡镇党政班子四风问题思想汇报
2014/09/14 职场文书
广告设计专业毕业生自我鉴定
2014/09/27 职场文书
简单的辞职信模板
2015/05/12 职场文书
校长新学期寄语2016
2015/12/04 职场文书
React如何创建组件
2021/06/27 Javascript