编程 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 相关文章推荐

DOM相关内容速查手册

Feb 07 Javascript

原生javascript获取元素样式属性值的方法

Dec 25 Javascript

js/jQuery简单实现选项卡功能

Jan 02 Javascript

JavaScript学习笔记之基础语法

Jan 22 Javascript

js读取并解析JSON类型数据的方法

Nov 14 Javascript

JS hashMap实例详解

May 26 Javascript

jquery操作ul的一些操作笔记整理(干货)

Aug 31 jQuery

实现div内部滚动条滚动到底部和顶部的代码

Nov 15 Javascript

JavaScript面向对象程序设计创建对象的方法分析

Aug 13 Javascript

webpack打包优化的几个方法总结

Feb 10 Javascript

解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题

Jul 24 Javascript

Vue 同步异步存值取值实现案例

Aug 05 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 开源AJAX框架14种

2009/08/24 PHP

PHP图片处理类 phpThumb参数用法介绍

2012/03/11 PHP

Codeigniter出现错误提示Error with CACHE directory的解决方案

2014/06/12 PHP

PHP临时文件的安全性分析

2014/07/04 PHP

ThinkPHP中公共函数路径和配置项路径的映射分析

2014/11/22 PHP

php中adodbzip类实例

2014/12/08 PHP

windows8.1下Apache+Php+MySQL配置步骤

2015/10/30 PHP

JavaScript的Function详细

2006/11/14 Javascript

Whatever:hover 无需javascript让IE支持丰富伪类

2010/06/29 Javascript

js创建对象的几种常用方式小结(推荐)

2010/10/24 Javascript

JavaScript实现GriwView单列全选(自写代码)

2013/05/13 Javascript

javascript遇到html5的一些表单属性

2015/07/05 Javascript

JavaScript严格模式详解

2015/11/18 Javascript

Jquery实现仿京东商城省市联动菜单

2015/11/19 Javascript

javascript返回顶部的按钮实现方法

2016/01/09 Javascript

React如何利用相对于根目录进行引用组件详解

2017/10/09 Javascript

AngularJS中的路由使用及实现代码

2017/10/09 Javascript

使用Vue组件实现一个简单弹窗效果

2018/04/23 Javascript

angular6的响应式表单的实现

2018/10/10 Javascript

webpack打包非模块化js的方法

2018/10/24 Javascript

Vue3.0 响应式系统源码逐行分析讲解

2019/10/14 Javascript

JavaScript实现横版菜单栏

2020/03/17 Javascript

javascript canvas封装动态时钟

2020/09/30 Javascript

Python批量查询关键词微信指数实例方法

2019/06/27 Python

py-charm延长试用期限实例

2019/12/22 Python

python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)

2020/01/08 Python

python实现word文档批量转成自定义格式的excel文档的思路及实例代码

2020/02/21 Python

Python列表倒序输出及其效率详解

2020/03/04 Python

pyqt5 textEdit、lineEdit操作的示例代码

2020/08/12 Python

中式面点餐厅创业计划书

2014/01/29 职场文书

党建工作汇报材料

2014/12/24 职场文书

资料员岗位职责范本

2015/04/13 职场文书

教师思想工作总结2015

2015/05/13 职场文书

Mysql基础知识点汇总

2021/05/26 MySQL

Python使用华为API为图像设置多个锚点标签

2022/04/12 Python

Android存储中最基本的文件存储方式

2022/04/30 Java/Android