【发布时间】:2021-10-15 18:41:26
【问题描述】:
如您所见,我有一个 lib\css 文件夹,其中包含一个我导入 bootstrap.scss 的 scss 文件和一个编译我的代码 scss 的 index.css。编译有效,问题是为什么要创建所有其他 .css 和 .css.map 文件???
【问题讨论】:
标签: sass terminal bootstrap-5
如您所见,我有一个 lib\css 文件夹,其中包含一个我导入 bootstrap.scss 的 scss 文件和一个编译我的代码 scss 的 index.css。编译有效,问题是为什么要创建所有其他 .css 和 .css.map 文件???
【问题讨论】:
标签: sass terminal bootstrap-5
如果您有多个 scss 文件并且您不希望每个文件都在 CSS 中进行转换,则创建一个名为 scss 的文件夹。在该文件夹中创建名为 style.scss 或任何您想要的名称的主 scss 文件,并将您的 scss 文件移动到此文件夹中。现在重命名除style.scss 之外的所有scss 文件,例如在文件名的开头添加_:
header.scss将是_header.scss。
现在导入style.scss 中的每个 scss 文件。一个名为_header.scss的文件将被导入style.scss,如下:
@import "header";
现在看你的 scss 文件夹如下:
sass --watch path/to/scss:CSS
这将从 scss 文件夹中编译您的 scss 文件并仅生成一个 CSS 文件。
【讨论】:
sass --watch style.scss:style.css。 *.css.map 这些文件是浏览器的地图,告诉它有关源文件的信息。这些文件将您的 CSS 代码链接到 scss 代码,它们也可用于调试目的。如果仍然有任何疑问,您可以提问,如果没有,您可以投票给答案。