位置: 编程技术 - 正文

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

  • 耕地占用税税率变化历程
  • 企业计提增值税 附加税
  • 将自产货物赠送客户
  • 托收承付和委托收款的含义和相同之处
  • 个体户收现金可以开发票吗
  • 实收资本如何网上转账
  • 给员工购买意外险进项税能不能抵扣
  • 核算科目拨出专票怎么弄
  • 收到总公司投资款怎么做账务处理
  • 固定资产原值增加当月计提折旧吗
  • 注册资本印花税按实缴还是认缴
  • 进项税额加计抵扣税收优惠政策
  • 公司零税收申报
  • 库存现金的定义及特征
  • 总公司人员可以在分公司报销费用吗
  • 诉讼费做账科目
  • 费用报销单应怎样填写
  • php socket函数
  • 暂估成本能挂账多久
  • unity默认存储路径
  • 委托加工物资加工费计入
  • 期间费用的含义
  • 最贵的冰箱是多少钱
  • 国内来料加工委托方需要报关吗
  • 财务管理集权与分权
  • 税后讲课费的个税由谁承担
  • 企业购进固定资产其入账成本应包括
  • 关于出售使用过的东西
  • javascript基础语法
  • 今日清明节的下一句是什么
  • 合伙企业利润分配首要依据
  • 2023前端面试题目100及最佳答案
  • 最新人工智能软件chingt
  • 全网最详细的李白解说来了
  • 微软 大中华区 前副总裁
  • 企业的研发支出
  • 帝国cms如何使用
  • mysql有几种基本数据类型
  • sqlsever无法连接到服务器
  • python抛出异常
  • 企业投资一个小时多少钱
  • 应付职工薪酬账户的明细账户有
  • 4s店开的维修发票怎么开
  • sql函数的作用
  • 留抵进项税太多怎么办
  • 财务报表没报会影响出口退税吗为什么
  • 发票金额少于付款金额怎么做账
  • 个人独资公司对外如何承担责任
  • 其他应付款长期挂账几年必须转收入
  • 车船税税金及附加
  • 留抵税额抵减欠税滞纳金
  • 清算申报在哪里报
  • 费用科目入错了
  • 服装、眼镜、鞋、西药的发票如何做账较好?
  • 季度初资产总额怎么算
  • 个税和社保基数不一致怎么办
  • 借款和工程款可以分开吗
  • 公益救济性捐赠应计入的会计科目是
  • sql查询一条数据
  • CentOS6.9+Mysql5.7.18源码安装详细教程
  • Win7/Win8/Win10单、多系统一键安装教程 只需30秒!
  • linux用户空间获取TCP序号
  • ubuntu系统升级 开机黑屏怎么解决
  • linux防火墙命令大全
  • windows7开始菜单
  • win10语音控制电脑
  • win10系统怎么cmd
  • unity锚点
  • 深入理解新发展理念,推进供给侧结构性改革心得体会
  • python for key in
  • unity il2cpp热更新
  • Vue-Access-Control 前端用户权限控制解决方案
  • 星球大战与高达的关系
  • unity-chan
  • python中按下某个按键
  • javascript字符
  • Python遍历循环
  • 深圳代理记账公司赚钱吗
  • 买新车的注意事项有哪些比较重要的
  • 抄报税怎么弄
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设