【问题标题】:Why are created all this .css and .map files at the time of compiling sass?为什么在编译 sass 时会创建所有这些 .css 和 .map 文件?
【发布时间】:2021-10-15 18:41:26
【问题描述】:

如您所见,我有一个 lib\css 文件夹,其中包含一个我导入 bootstrap.scss 的 scss 文件和一个编译我的代码 scss 的 index.css。编译有效,问题是为什么要创建所有其他 .css 和 .css.map 文件???

【问题讨论】:

    标签: sass terminal bootstrap-5


    【解决方案1】:

    如果您有多个 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 文件。

    【讨论】:

    • 问题是我只有一个 SCSS 文件。而这个css文件夹大量的css文件是在我的“style”文件夹之外创建的,只有3个文件; index.scss、index.css.map 和 index.css。感谢您的回答。 @Ankit Mishra
    • 对于一个 scss 文件,请观看 sass --watch style.scss:style.css。 *.css.map 这些文件是浏览器的地图,告诉它有关源文件的信息。这些文件将您的 CSS 代码链接到 scss 代码,它们也可用于调试目的。如果仍然有任何疑问,您可以提问,如果没有,您可以投票给答案。
    • 意外标识符 :( 我已经安装了 node、sass、git 和 watch sass。但仍然无法正常工作
    • 请附上错误的sn-p以便更好地理解。
    猜你喜欢
    • 2015-07-28
    • 1970-01-01
    • 2020-03-29
    • 1970-01-01
    • 2020-07-13
    • 2011-05-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-08
    相关资源
    最近更新 更多