详解Angular-cli生成组件修改css成less或sass的实例
2017-07-27 09:17
736 查看
详解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
- 详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
- omi-cli新版发布-升级webpack2和支持sass生成组件局部CSS
- 在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
- CSS如何修改tr边框属性实例详解
- 在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
- BootStrap 图片样式、辅助类样式和CSS组件的实例详解
- Vue-cli单文件组件引入less、sass、css样式的不同方法
- sencha touch 扩展篇之使用sass自定义主题样式 (下)通过css修改官方组件样式以及自定义图标
- sencha touch 扩展篇之使用sass自定义主题样式 (下)通过css修改官方组件样式以及自定义图标
- vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
- 浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
- 详解Angular-Cli中引用第三方库
- 微信小程序 利用css实现遮罩效果实例详解
- 为您详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus
- 实例详解CSS中position的fixed属性使用
- POI以SAX方式解析Excel2007大文件(包含空单元格的处理) Java生成CSV文件实例详解
- OpenStack J版 CSS详解与修改
- webpack2.X提取Vue文件中的css、less或者sass样式
- vue-cli中的babel配置文件.babelrc实例详解