位置: 编程技术 - 正文

Angular中支持SCSS的方法(angular scope)

编辑:rootadmin

推荐整理分享Angular中支持SCSS的方法(angular scope),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:angular ngclass,angularjs scope,angular schematics,angular scss,angular scss,angular schematics,angular ssr,angular scroll,内容如对您有帮助,希望把文章链接给更多的朋友!

scss介绍

SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。另外,SCSS 还能识别大部分 CSS hacks(一些 CSS 小技巧)和特定于浏览器的语法,例如:古老的 IE filter 语法。

由于 SCSS 是 CSS 的扩展,因此,所有在 CSS 中正常工作的代码也能在 SCSS 中正常工作。也就是说,对于一个 Sass 用户,只需要理解 Sass 扩展部分如何工作的,就能完全理解 SCSS。大部分扩展,例如变量、parent references 和 指令都是一致的;唯一不同的是,SCSS 需要使用分号和花括号而不是换行和缩进

在为组件添加样式时,为了样式的模块化,通常我们会使用SCSS、SASS。那么如何让我们的Angular工程支持SCSS或者SASS呢?下面将从以下两中方式来介绍:

创建工程时来指定 修改当前的工程

1、创建工程时来指定

在指定目录下运行:ng new myProject ?style=scss

注:这里使用的Angular的CLI来创建工程的。

如果要指定SASS,则将scss换为sass即可。

2、修改当前工程

Angular中支持SCSS的方法(angular scope)

修改angular-cli.json文件,主要有两个地方需要修改:

将defaults中styleExt值设置为scss

这样我们在运行ng g component myComponent 等命令生成文件时,默认后缀就是scss

在apps下的styles中将styles.css修改为styles.scss

注:不要忘记修改style.css文件的后缀。

angularcli 转变css工程为scss工程

方法一:

新增的时候就默认为scss

方法二:

1、修改.angular-cli.json配置文件:

2、在src目录下新增文件_variables.scss

3、style.scss文件里配置如下:

标签: angular scope

本文链接地址:https://www.jiuchutong.com/biancheng/377395.html 转载请保留说明!

上一篇:VUE element-ui 写个复用Table组件的示例代码(elementui基于vue)

下一篇:如何编写一个完整的Angular4 FormText 组件(如何编写一个完整的教学目标)

  • 个税手续费返还会计分录
  • 资产负债表怎么看营业收入
  • 没有原始凭证怎么补税
  • 股东归还公司借款,应该记什么科目
  • 销售并提供安装的税率
  • 个体工商户生产经营所得税税率表2021
  • 堤围费是什么意思
  • 费用类科目分类怎么避免出错
  • 员工旅游费用可以税前扣除吗?
  • 房地产企业土地增值税
  • 行政单位预算资金拨付流程
  • 货物运输企业的经营方式
  • 混营纳税人怎么申报
  • 税务局如何检查上传的发票
  • 视同销售产品与收款尾差怎么处理
  • 个人所得税违约怎么查询
  • 可供出售债券投资
  • 投资收益亏损
  • 设备器具一次性扣除会计分录
  • 补提的增值税应该记在哪里
  • 企业发工资扣缴个人承担部分如何做账?
  • 福利费的进项税怎么做账
  • wps的广告怎么关掉
  • windows11快捷操作
  • win10如何设置快捷键截图
  • php技巧
  • php怎么创建数据表
  • 查账补交以前年度印花税分录
  • 没有产权的房屋离婚怎么分配
  • php框架的作用
  • 工程决算审计费收费标准
  • 重装win7系统鼠标键盘没反应
  • 本地运行库是什么
  • 员工的生活费会不会扣个税
  • 免税项目可以弥补税款吗
  • PHP:JDToJulian()的用法_日历函数
  • 发票交付在哪里
  • 开票一定要对公户嘛
  • iframe嵌套页面点击里面的按钮
  • php二分查找算法两种方法
  • 折扣销售增值税计算例题
  • Linux Howtos: C/C++ > Sockets Tutorial
  • python 断言
  • 销售免税农产品如何开票
  • 差旅费计入什么
  • dedecms怎么改图片
  • c语言中函数的数据类型是指
  • sql防御
  • 汇算清缴后发现成本多做了
  • 党建经费提取是上年度还是下年
  • 啤酒的消费税
  • 外国人避税
  • 垫款报销
  • 企业职工福利费可用于职工的医疗卫生费用
  • 自产自销农产品免税备案取消
  • mysql 加锁处理分析
  • sql有没有返回上一步
  • windows 9
  • Win10怎么设置高性能
  • 提升英语
  • xp系统的本地连接
  • linux 杀掉指定用户的进程
  • shell数值比较
  • centos硬盘分区磁盘分区
  • lumia950升级win11
  • centos查看硬件设备
  • 支持向量机
  • jQuery ajax分页插件实例代码
  • jquery瀑布流
  • 高通芯片基于arm吗
  • eclipse怎么连接derby数据库
  • 使用灭火器人要站在上风口还是下风口
  • 增值税普通电子发票有什么用
  • 福建省人民医院院长
  • 江西发票查询真伪查询
  • 汽车购置税与消费税
  • 小规模纳税人在电子税务局怎么报税
  • 厦门税务查询地址不符怎么处理
  • 房屋增值税和土地增值税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设