详解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事件模型代码
Jul 01 Javascript
javascript 一个自定义长度的文本自动换行的函数
Aug 19 Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 Javascript
jQuery的deferred对象详解
Nov 12 Javascript
js判断鼠标左、中、右键哪个被点击的方法
Jan 27 Javascript
setTimeout内不支持jquery的选择器的解决方案
Apr 28 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
使用JavaScript触发过渡效果的方法
Jan 19 Javascript
JavaScript寄生组合式继承原理与用法分析
Jan 11 Javascript
JavaScript学习教程之cookie与webstorage
Jun 23 Javascript
Vue Router的手写实现方法实现
Mar 02 Javascript
react 项目中引入图片的几种方式
Jun 02 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 来访国内外IP判断代码并实现页面跳转
2009/12/18 PHP
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
Grid得到选择行数据的方法总结
2011/01/17 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
Mvc提交表单的四种方法全程详解
2016/08/10 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
2017/07/19 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
2017/10/24 Javascript
javascript数据类型中的一些小知识点(推荐)
2019/04/18 Javascript
bootstrap实现tab选项卡切换
2020/08/09 Javascript
vue实现图片按比例缩放问题操作
2020/08/11 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
浅谈python写入大量文件的问题
2018/11/09 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
django 模型字段设置默认值代码
2020/07/15 Python
python 如何对logging日志封装
2020/12/02 Python
用60行代码实现Python自动抢微信红包
2021/02/04 Python
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
法国购买隐形眼镜和眼镜网站:Optical Center
2019/10/08 全球购物
自我评价范文分享
2014/01/04 职场文书
渔夫的故事教学反思
2014/02/14 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
捐助倡议书
2015/01/19 职场文书
美术教师个人总结
2015/02/06 职场文书
电工生产实习心得体会
2016/01/22 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android
Java实现简单小画板
2022/06/10 Java/Android
Linux安装Docker详细教程
2022/07/07 Servers