位置: 编程技术 - 正文

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 组件(如何编写一个完整的教学目标)

  • 长期零申报的公司容易注销吗
  • 金税盘问题
  • 房地产项目结转条件
  • 个人转让房产涉税政策
  • 留抵税额抵税怎么做分录
  • 专项用途财政资金纳税调整规则
  • 计提税费怎么写分录
  • 汽车道路救援费用多少
  • 以前多计提了应付职工薪酬怎么平账?
  • 办公室购置空调的词语
  • 砂石开采销售需什么资质
  • 开了专票是否交文化事业建设费?
  • 自来水企业应该交什么税
  • 酒店会计账务处理及税务申报
  • 印花税可以计入开办费吗
  • 税控盘没有反写会怎样
  • 怎么看是不是专用发票
  • 汽车发票金额怎么算
  • 科目编码首位与分类编号不符,接受此编码吗
  • 工程预收款账务处理
  • 库存商品结转会计分录
  • 员工宿舍水电费计入什么会计科目
  • mac10.10.5系统
  • win10升级win11报错
  • hif文件怎么打开
  • php中imagecreatefromjpeg
  • 营改增后酒店行业有哪些税种
  • service运行命令
  • 企业所得税应纳税所得额300万以下
  • bash的主要功能
  • 实发工资知道如何发放吗
  • 利润表期初余额怎么填
  • 税控机清单
  • 一般纳税人会计做账的基本流程
  • 百旺税控盘会自动清卡吗
  • sqlserver2008安装闪退
  • 月末研发支出会结转至哪个账户
  • 高新企业奖励金怎么开票
  • 转让无形资产使用权
  • 金税四期 税友
  • 科技项目专项资金
  • 企业贷款受托支付如何收税
  • 分期收款发出商品是什么意思
  • 去年企业所得税多计提怎么调整
  • 实收资本认缴如何做账
  • 债务转为股份的协议
  • 去年未分配利润 负数 结转今年
  • 航空电子客票行程单怎么打印
  • 逾期的押金计入什么科目
  • 报废周转材料应负担的成本差异
  • 异地预缴增值税多交了怎么办,可以退吗
  • 客户收到产品后应该说什么
  • 营改增题目
  • mysql中自增
  • sql自定义数据类型
  • 取消默认
  • mac怎么打开terminal
  • linux连接vps
  • 怎么用uefi装win7
  • linux 详解
  • winxp系统占用c盘多少
  • ubuntu虚拟机怎么用
  • win8系统特点
  • centos 7 安装
  • seti@home.exe - seti@home是什么进程 有什么用
  • 如何在win7上打开win10软件
  • 3dmax创建图形怎么用
  • 3ds怎么用3ds格式
  • html中渐变
  • nodejs读取json文件,并返回列表
  • linux常用shell命令
  • 表格高级使用技巧视频
  • &&在js中
  • android应用程序的主要语言是
  • js中dom的用法
  • 可扩展的敏捷方法有哪两种观点,并作以简单阐述?
  • 基于javascript的毕业设计选题
  • javascript面向对象编程
  • 小规模纳税人专票开1%还是3%
  • 地税跟国税是在一起吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设