为什么添加自定义 SASS 变量在 Ionic 中不起作用?

2024-01-10

我使用 -s 选项设置一个新的 ionic 项目来启用 SASS。

这是我的 /myproject/scss.ionic.app.scss 的一部分:

...
$positive:                        #2a8000 !default;
$button-font-size:                30px !default;

// Include all of Ionic
@import "www/lib/ionic/scss/ionic";

保存此 scss 文件时,我可以在 shell 中看到 sass 已启动并且 css 已重新构建:

[00:18:18] Starting 'sass'...
CSS changed:  www/css/ionic.app.css
[00:18:18] Finished 'sass' after 330 ms
CSS changed:  www/css/ionic.app.min.css

但是,无论我在 scss 文件中放入什么内容,新的 css 文件似乎都完全相同。

你能解释一下为什么吗? 多谢。


真是太蠢了……

我没有注意到 SASS 生成了新的 csswww/css/ionic.app.css但是,默认的 ionic index.html 中包含的文件是lib/ionic/css/ionic.css

唯一要做的就是写<link href="css/ionic.app.css" rel="stylesheet">在index.html中

并删除<link href="lib/ionic/css/ionic.css" rel="stylesheet">

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么添加自定义 SASS 变量在 Ionic 中不起作用? 的相关文章

随机推荐

  • 将列表元素映射到字典中的键以获取Python中的十进制值

    我有一个单词列表如下 mylist cat yellow car red green jeep rat lorry 我还有数据集中每篇文章的列表列表 其中包含 mylist 的值 如下面的示例所示 即 如果 mylist 单词出现在文章中
  • 使用 makecert 创建证书而不使用 pvk 文件

    我正在尝试创建一个由根密钥签名的证书makecert 我没有PVK文件 只有KEY和PEM文件 我认为 KEY和PEM文件也是私钥 这样对吗 但如果我尝试这个 makecert exe n CN Test Use iv ca key ic
  • 如何配置嵌入式 jetty 服务器来记录所有请求?

    我想将所有肥皂请求记录到我的服务器 服务器实例是嵌入式码头服务器 有没有办法设置处理程序来执行此操作 我可以访问 web xml 文件 您将需要在嵌入式码头启动中执行以下操作 假设 Jetty 9 HandlerCollection han
  • 为什么 IDLE 3.4 在这个程序上花费这么长时间?

    编辑 我正在完全重做这个问题 该问题与 time time 无关 这是一个程序 import time start time time a 9 lt lt 1 lt lt 26 The line that makes it take a w
  • 小型转储中的 .ni.dll 和 .ni.exe 文件是什么?

    由于我的应用程序崩溃 我从 Windows 应用商店应用程序提交过程 由审阅者发送 收到了一个小型转储 我在加载应用程序的符号时遇到问题 因为错误发生在内部App ni exe 一个我不知道从哪里来的文件 我的应用程序只有一个App exe
  • 用不同的颜色为 html 锚点添加下划线

    是否可以使用文本颜色以外的颜色为锚标记添加下划线 任何例子将不胜感激 EDIT 是否可以将颜色指定为十六进制 例如 8f867c 你不能单独指定下划线颜色 但你可以使用一个小技巧 a color red text decoration no
  • 如何为饼图元素设置自定义颜色

    我在我的 Android 项目中使用 MPChart 库 我有 Json 其中包含用于生成饼图的标签 值和颜色 我想从 json 到饼图元素设置相同的颜色 我遵循了 MPChart 文档 但没有找到任何饼图颜色设置的解决方案 您在文档中没有
  • 显示多行python控制台ascii动画

    我正在玩控制台动画 我发现制作一行很容易 但我开始考虑在控制台中将 GIF 动画制作为 ASCII 的想法 import time def main counter 0 while True with open ascii path dog
  • 直观地识别 PDF 表单中的字段名称

    我知道存在一些类似的问题 查找 PDF 文档中可输入表单字段的字段名称 https stackoverflow com questions 3310533 find the field names of inputtable form fi
  • 使用 jQuery 查找可见元素的长度

    大家好 我需要找到仅具有显示块的所有 li 元素的长度 使用 jQuery 怎么可能做到这一点 我有一个类别菜单块 底部有更多链接 单击该链接将显示所有类别 底部链接现在变为 更少 单击该链接将显示更少的项目 这是代码 var list m
  • 从基指针向下转换为模板化派生类型

    我有以下层次结构 class base public virtual base virtual void foo template
  • 将参数传递给超类构造函数,而不在子类构造函数中重复它们

    class P object def init self a b self a a self b b class C P def init self c P init self c c obj C a b c want to instant
  • 带await 的异步lambda 表达式返回任务?

    我有以下代码 Get all of the files from the local storage directory var files await folder GetFilesAsync Map each file to a str
  • 使用 PHP 删除 MS Word“HTML”[重复]

    这个问题在这里已经有答案了 可能的重复 清理 Word HTML 的最佳免费方法是什么 https stackoverflow com questions 67964 what is the best free way to clean u
  • 使用哪种数据类型来操纵货币

    我正在尝试决定金融应用程序应使用哪种数据类型 我读过Double or BigDecimal应该使用 我对他们之间感到困惑 在这方面的任何帮助将受到高度赞赏 您几乎肯定不想使用浮点类型 double float Double Float 来
  • Android版本支持推送通知

    需要帮助在 android 中实现推送通知 想知道从哪个android版本开始支持推送通知 当我在android中搜索Android通知服务时 我看到了C2DM 它将在android 2 2之后支持 如果1 5之后支持 请告诉我有哪些选项可
  • ADS 2019 - 如何在构建作业之间传递变量

    使用 Azure DevOps Server 2019 1 我开始处理多个作业 以允许我将工作分配给多个代理 流程本身运行良好 我有这样的设置 开始工作 这基本上测试了一些变量并更新了内部版本号 取决于开始作业 RunTest 作业 运行
  • 我可以用什么来代替 eval()?

    我有一个字符串 存储一些必须执行才能产生结果的变量 例如 define RUN THIS something somethingElse 那么哪个是eval uated foo eval return RUN THIS 我知道如果评估的字符
  • CSS 工具提示既可通过键盘导航,又可通过触摸屏操作

    这是我第一次在这里发帖 但多年来我发现这个网站是一个非常宝贵的存储库 我最近一直在向网站表单添加工具提示 最初 我关心的是当鼠标用户将鼠标悬停在工具提示图标上时 在我的例子中只是 使这些工作正常 我使用了以下 CSS tooltip bor
  • 为什么添加自定义 SASS 变量在 Ionic 中不起作用?

    我使用 s 选项设置一个新的 ionic 项目来启用 SASS 这是我的 myproject scss ionic app scss 的一部分 positive 2a8000 default button font size 30px de