使用多个 SASS 文件

2024-01-10

我想将我的(巨大的)全局 css 文件分成多个文件。我用的是萨斯有没有一种简单的方法让 sass 观看多个文件?我想我可以使用@import,但只是想知道是否有另一种(更好)的方法。

提前致谢。


What 里奇·布拉德肖提到的是正确的,但是这是您的另一种方法could take.

创建 1 个 scss 文件,名为combined.scss (例如)然后在这个文件里面@import所有的 scss 文件,然后只需运行sass --style compressed --watch combined.scss:combined.css它会检测导入的 scss 文件的更改并根据需要重新编译。

Combined.scss例子:

@import "reset";
@import "layout";
@import "styles";
@import "ie";

因此,当您对layout.scss file combined.scss将重新编译,您需要引用的所有实际 html 页面是combined.css.

但就像我说的,里奇·布拉德肖的解决方案也同样有效,并且根据您正在处理的项目可能会更好使用。

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

使用多个 SASS 文件 的相关文章

  • 使组合高度等于浏览器窗口的高度

    http featuredfotografer com http featuredfotografer com Codemirror div 与 header div 结合占用的高度超过了浏览器的高度 我怎样才能使它们的总高度达到浏览器窗口
  • 仅水平 CSS 视差效果,层数大于 100vw

    如何用水平引导网站仅 CSS 视差效果 要求 仅 CSS 视差 父层必须具有宽度 高度 100vw 100vh 子层的宽度 高度必须 gt 100vw 100vh child layers must visually align 100 w
  • 如何在 div 容器内的元素之间留出空间

    我有一个弹性容器 它将由元素动态填充 容器没有固定宽度 I use max width max content 并且可以包含我想要的任意数量的元素 问题是我需要这些元素之间的间距 但不需要元素和容器之间左侧和右侧的间距 当然我可以用 ele
  • 文本后面有粗下划线

    如何使用 span 和 css 在文本 ABC 后面重现这种下划线 我已经能够做下划线below嵌套的文本span和彩色的border bottom 但无法获取behind图像和above文本基线 p style font size 48p
  • ubuntu 12.04 ruby​​ 2.0 Rails:找不到“thread_safe”

    我正在 ubuntu 12 04 上安装 Rails 使用以下方法手动安装 如何在 Ubuntu 12 04 上正确安装 ruby 2 0 0 https stackoverflow com questions 16222738 how t
  • Rails 4.1 环境变量未重新加载

    我创建了一个application yml文件在配置目录中并添加了一些键值对 即AWS REGION us east 1 我还添加了以下内容application rb读取文件并更新 ENV 哈希 if Rails env developm
  • 为开槽元素中的后代元素设置样式

    是否可以选择开槽元素中的后代元素 像这样的例子 slotted div p color blue div p test p div 这不起作用 不 您只能选择顶级节点 slotted slotted 中的选择器只能是复合选择器 https
  • 更改 Active Storage 的默认 URL

    我们可以更改从活动存储创建的默认 永久 url 以重定向到 S3 类似于rails active storage representations 我不喜欢网址中的框架名称 Thanks UPDATE 最近 Rails 6 中增加了一个可配置
  • 将样式添加到 mat-autocomplete 的 mat-option

    我有这个 HTML代码在这里 https stackblitz com edit angular mat autocomplete with selected value vx1uqg file src 2Fapp 2Fautocomple
  • <%=h ... %> 在 Rails 中意味着什么?

    I found here http api rubyonrails org classes ActionView Helpers RecordTagHelper html以下语法 什么是h means 它用于转义标签的输出以避免跨站点脚本
  • IE7 显示问题:菜单中的表格

    我写了一个菜单样式 在 IE8 FF3 6 GC7 中运行良好 现在的问题是 我的老板希望它甚至可以在 IE7 上运行 我真的很努力地让它在 IE7 上运行 但无法获得相同的外观 menu css a outline none menu m
  • 从 Bootstrap 中删除字形

    如何从 bootstrap 3 中删除所有字形实例 看起来它已经大量嵌入到 css 文件中了 我正在努力使文件大小尽可能最小 只需简单地克隆引导程序https github com twbs bootstrap sass https git
  • 在生产环境中使用 Rails 设置 sunspot solr

    我尝试了各种链接 但我似乎找不到关于创建与生产中的 Rails 一起运行的 solr 实例的好资源 我知道您必须为生产设置 solr 服务器 我已经尝试使用 tomcat 设置 solr 但我似乎无法将其链接到 Rails 应用程序 有什么
  • Rails 4 可安装引擎,找不到文件“jquery”

    我正在创建一个 Rails 可安装引擎插件 它使用 gem jquery rails 我在 gemspec 文件中添加了这段代码 s add dependency jquery rails gt 3 0 1 and run bundle i
  • 如何重置使用 JavaScript 更改的 CSS 属性?

    我的导航按钮的宽度从 100px 增加到 150px 当鼠标悬停在 nav li hover width 150px 但是使用 javascript 我已经做到了 无论选择哪个选项 宽度都将继续为 150px 当选择每个选项时 它会使其他选
  • 如何将背景图像仅应用于一个反应页面而不是整个应用程序?

    注册页面示例 register background image linear gradient to right ff5722 0 ff9800 100 margin top 150px important div div div div
  • 子域中的 Rails url 助手 - 删除子域

    我网站上的用户可以拥有子域 例如 他们的页面网址是 name example com 登录的用户可以查看更多用户信息 因此在用户的显示页面上 我有一个使用以下代码生成的链接 user url user subdomain gt false
  • 查找 Rails 应用程序中未使用的代码

    如何查找正在运行和未运行的代码生产中 该应用程序经过充分测试 但还有很多测试unused代码 因此 他们在运行测试时得到覆盖 我想重构并清理这个烂摊子 它一直在浪费我的时间 我有很多后台工作 这就是为什么我希望生产环境来指导我 在 Hero
  • 指针事件:无,过滤,适用于 ie8 和任何地方,不适用于 ie9

    正如我在这里看到的 https stackoverflow com questions 3680429 click through a div to underlying elements 4839672 4839672 过滤器可用于模拟跨
  • 带有相对路径的 LESS CSS 背景

    我在使用 LESS 作为我的网站的样式表时遇到了问题 就我个人而言 我宁愿在CSS中使用相对路径而不是绝对路径 这只是我的习惯 但是现在当我使用带有导入功能的LESS时 我遇到了如下所示的问题 我有一个main less根文件夹中的文件 i

随机推荐

  • PHAsset + AF 网络。真机上无法上传文件到服务器

    目前我正在使用以下代码将文件上传到服务器 NSURLRequest urlRequest AFHTTPRequestSerializer serializer multipartFormRequestWithMethod POST URLS
  • SQL Server 2005 中 LOCK_ESCALATION = TABLE 的等效项是什么?

    我有一个在 SQL Server 2008 中生成的脚本 但我需要针对 SQL Server 2005 数据库执行它 SQL Server 2005 中以下的等效语句是什么 ALTER TABLE dbo Event SET LOCK ES
  • Windows > 首选项中没有服务器

    我正在尝试将 Apache 服务器添加到 Eclipse Juno 我已经安装了 Apache 服务器 7 0 但是当我尝试将其添加到 Eclipse 环境中时 我在中看不到选项服务器窗口 gt 首选项 首选项中必须有一个名为 server
  • glFlush() 在透明背景的窗口上花费很长时间

    我使用的代码来自如何制作具有透明背景的OpenGL渲染上下文 https stackoverflow com questions 4052940 win32 how to make an opengl rendering context w
  • React渲染方法中的for循环[重复]

    这个问题在这里已经有答案了 我想为我的网格创建分页链接 我将 maxPages number 属性传递给组件 但我不能在渲染方法中使用 我能做些什么 var Pagination React createClass render funct
  • 反应路由器的位置状态在路由更改时变得未定义

    我想存储url query作为所在地的状态 history push history location search query toString state myState query toString 我怀疑当路线改变时会得到状态 但是
  • MySQL unique 1500 varchar 字段错误(#1071 - 指定的键太长)

    我有一个 varchar 1500 字段 链接 我想使其唯一 我对 mysql 配置进行了更改 并将长度增加到 3072 字节 ROW FORMAT DYNAMIC innodb file format Barracuda innodb l
  • VSCode 上的 PlatformIO 未编译:collect2.exe:错误:ld 返回 1 退出状态

    我最近不得不擦拭我的计算机 在一切准备就绪并运行之后 是时候打开我之前正在处理的一些 ESP32 程序了 发现 VSCode 上的 Platform IO 将不再编译 运行编译器后 我收到以下错误 Compiling pio build e
  • 使用 firebase 发送静音推送通知

    我想在晚上向用户发送通知 我不想播放任何声音 我只想让用户醒来时在状态栏上看到它 如何在用户设备 android 和 ios 上不播放声音的情况下发送推送通知 从 Firebase 通知 Web 控制台 你可以设置sound disable
  • x86 汇编指令执行计数

    大家好 我有一段代码 我想找到每个装配线执行的次数 我不在乎是通过分析还是仿真 但我想要高精度的结果 我曾经遇到过一个论坛 它提供了一些脚本代码来执行此操作 但我丢失了链接 谁能帮我集思广益一些方法来做到这一点 问候 Edit 好吧 我想我
  • 如何通过 Twitter API 拉取已验证帐户列表? [复制]

    这个问题在这里已经有答案了 可能的重复 如何仅通过经过验证的帐户在 Twitter 上搜索帖子 https stackoverflow com questions 4268193 how do i search twitter for po
  • 如何使用Python将文本文件读入列表或数组[重复]

    这个问题在这里已经有答案了 我正在尝试将文本文件的行读入 python 中的列表或数组中 我只需要能够在创建列表或数组后单独访问列表或数组中的任何项目 文本文件的格式如下 0 0 200 0 53 1 0 255 0 哪里的 如上所述 实际
  • 如何在 Odoo 中创建新附件?它们如何工作?

    我想从 python 代码创建附件 所以 我尝试过 self env ir attachment create store fname checksum ir attachment 表中的 store fname 和 checksum 列应
  • 为什么可空类型在这种情况下不相等?

    令人惊讶的是 下面的代码不会成功 int n1 null int n2 null Assert IsTrue n1 lt n2 Fails here 你知道为什么吗 在 C 和 VB Net 中使用带有 null 可空值的布尔逻辑常常违反逻
  • Tensorflow:GPU 利用率几乎始终为 0%

    我将张量流与 Titan X GPU 一起使用 并且我注意到 当我运行 CIFAR10 示例时 Volatile GPU utilization稳定在 30 左右 而当我训练自己的模型时 Volatile GPU utilization远非
  • L5 随机 TokenMismatchException

    我在 Laravel 5 中收到随机 TokenMismatchExceptions 在tokensMatch 我一直在尝试调试这个奇怪的问题 Log debug request gt session gt token token 输出如下
  • 对于知识库中不存在的问题,在网络聊天中出现“无法发送重试”错误

    我用 C 使用 Azure 创建了一个机器人 该机器人对于我的知识库中存在的问题运行良好 但是当我尝试不同的问题时 它给出了错误couldn t send retry在该问题下方并回复该问题Sorry my bot code is havi
  • 如何将 JSON 数据映射到类

    我创建了一个 ES6 类Babel https github com babel babel我想将从服务器获取的 JSON 数据映射到 ES6 类 有什么通用的方法可以做到这一点吗 User js export default class
  • 将每个整数转换为简单的 ASCII 图表

    我有一个包含一堆整数的文件 如下所示 6 2 3 4 3 目标是像视频游戏一样转换统计数据中的这些整数 例如 如果数字是 6 则统计数据必须是 如果数字是 4 结果一定是 我尝试了以下代码 但它不起作用 Here I put all the
  • 使用多个 SASS 文件

    我想将我的 巨大的 全局 css 文件分成多个文件 我用的是萨斯有没有一种简单的方法让 sass 观看多个文件 我想我可以使用 import 但只是想知道是否有另一种 更好 的方法 提前致谢 What 里奇 布拉德肖提到的是正确的 但是这是