编程 Javascript

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

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

- Author -

??S?幼

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery tablesorter.js 支持中文表格排序改进

Dec 09 Javascript

Javascript排序算法之合并排序（归并排序）的2个例子

Apr 04 Javascript

jquery删除指定子元素代码实例

Jan 13 Javascript

jquery插件uploadify实现带进度条的文件批量上传

Dec 13 Javascript

简介AngularJS中$http服务的用法

Feb 06 Javascript

ui组件之input多选下拉实现方法（带有搜索功能）

Jul 14 Javascript

Bootstrap中定制LESS-颜色及导航条(推荐)

Nov 21 Javascript

echart简介_动力节点Java学院整理

Aug 11 Javascript

node文字生成图片的示例代码

Oct 26 Javascript

element ui 对话框el-dialog关闭事件详解

Feb 26 Javascript

vue-cli3.0 特性解读

Apr 22 Javascript

微信小程序scroll-view横向滑动嵌套for循环的示例代码

Sep 20 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

用header 发送cookie的php代码

2007/03/16 PHP

PHP获取指定函数定义在哪个文件中以及其所在的行号实例

2014/05/08 PHP

Laravel框架基于中间件实现禁止未登录用户访问页面功能示例

2019/01/17 PHP

PHP7匿名类的用法示例

2019/04/05 PHP

js中有关IE版本检测

2012/01/04 Javascript

javascript中注册和移除事件的4种方式

2013/03/20 Javascript

jQuery 关于伪类选择符的使用说明

2013/04/24 Javascript

node.js中的querystring.stringify方法使用说明

2014/12/10 Javascript

Javascript进制转换实例分析

2015/05/14 Javascript

纯javascript判断查询日期是否为有效日期

2015/08/24 Javascript

分步解析JavaScript实现tab选项卡自动切换功能

2016/01/25 Javascript

Angular限制input框输入金额（是小数的话只保留两位小数点）

2017/07/13 Javascript

解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题

2017/11/07 Javascript

详解webpack+express多页站点开发

2017/12/22 Javascript

Angularjs Promise实例详解

2018/03/15 Javascript

详解超简单的react服务器渲染(ssr)入坑指南

2019/02/28 Javascript

ES6 Iterator接口和for...of循环用法分析

2019/07/31 Javascript

微信小程序实现上传照片代码实例解析

2020/08/04 Javascript

由Python运算π的值深入Python中科学计算的实现

2015/04/17 Python

python引用DLL文件的方法

2015/05/11 Python

python爬虫爬取快手视频多线程下载功能

2018/02/28 Python

Python 函数基础知识汇总

2018/03/09 Python

python print 按逗号或空格分隔的方法

2018/05/02 Python

python并发编程 Process对象的其他属性方法join方法详解

2019/08/20 Python

Python的pygame安装教程详解

2020/02/10 Python

pandas map(),apply(),applymap()区别解析

2021/02/24 Python

css3media响应式布局实例

2016/07/08 HTML / CSS

几个Shell Script面试题

2012/08/31 面试题

XML文档定义有几种形式？它们之间有何本质区别？解析XML文档有哪几种方式？

2016/01/12 面试题

学生学习总结的自我评价

2013/10/22 职场文书

行政管理人员精品工作推荐信

2013/11/04 职场文书

蔬菜基地的创业计划书

2014/01/06 职场文书

企业元宵节主持词

2014/03/25 职场文书

关于运动会广播稿300字

2014/10/05 职场文书

出售房屋协议书范本

2014/10/06 职场文书

MySQL Threads_running飙升与慢查询的相关问题解决

2021/05/08 MySQL