详解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  # Angular  # Css  # 如何生成less文件  # 在angular 6中使用 less 的实例代码  # 的是  # 就在  # 如有  # 错了  # 希望能  # 欢迎大家  # 再去  # 报错  # 我是一个  # 谢谢大家  # 还有很多  # 不报  # 而不是  # 疑问请  # generate  # strong  # ng  # component  # color  # style 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 用yum安装MySQLdb模块的步骤方法  小米17系列还有一款新机？主打6.9英寸大直屏和旗舰级影像  公司网站制作价格怎么算,公司办个官网需要多少钱？  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  如何将凡科建站内容保存为本地文件？  php结合redis实现高并发下的抢购、秒杀功能的实例  如何快速生成专业多端适配建站电话？  深圳网站制作培训,深圳哪些招聘网站比较好？  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势  如何在 Telegram Web View（iOS）中防止键盘遮挡底部输入框  Laravel怎么使用artisan命令缓存配置和视图  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】  WEB开发之注册页面验证码倒计时代码的实现  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  如何在阿里云虚拟服务器快速搭建网站？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  如何用AI一键生成爆款短视频文案？小红书AI文案写作指令【教程】  无锡营销型网站制作公司,无锡网选车牌流程？  昵图网官网入口 昵图网素材平台官方入口  Laravel如何实现用户密码重置功能？（完整流程代码）  如何在IIS中新建站点并解决端口绑定冲突？  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  高防服务器租用指南：配置选择与快速部署攻略  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  HTML5建模怎么导出为FBX格式_FBX格式兼容性及导出步骤【指南】  Laravel怎么连接多个数据库_Laravel多数据库连接配置  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  网站制作免费,什么网站能看正片电影？  如何用已有域名快速搭建网站？  Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)  如何挑选高效建站主机与优质域名？  如何快速配置高效服务器建站软件？  详解jQuery停止动画——stop()方法的使用  如何快速查询网站的真实建站时间？  Laravel PHP版本要求一览_Laravel各版本环境要求对照  Laravel如何实现本地化和多语言支持？（i18n教程）  简单实现jsp分页  Android GridView 滑动条设置一直显示状态(推荐)  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  Laravel如何生成PDF或Excel文件_Laravel文档导出工具与使用教程  nginx修改上传文件大小限制的方法  Laravel怎么实现支付功能_Laravel集成支付宝微信支付  敲碗10年！Mac系列传将迎来「触控与联网」双革新