2

我有这个模板 -网络模板 -当我将它添加到我现有的 Meteor 应用程序时它不会加载scss files,只有客户端目录中的 css 文件。虽然我把它放在scss files公用文件夹中。我可以添加什么最好的方法?因为我无法让它工作,所以我决定将 scss 编译为 css。

sass_folder
    scss_subfolder
        ----base_scss_subfoler
            _partial1.scss
            _partial2.scss
        ----components_scss_subfoler
            _buttons.scss
            _textbox.scss
        ----layouts_scss_subfoler
            _pages.scss
            _footer.scss
        ----libs_scss_subfoler
            _functions
            _vars
            _skels
            _mixins
    main.scss
    ie8.scss
    ie9.scss
    css_output_folder

我试图通过在 cmd 上这样做来编译文件:sass --update scss:css它只编译main.scss, ie8.scss, ie9.scss到 css 文件夹,其他没有编译。如何一次编译并在 css 文件夹中维护相同的子目录文件夹。为什么以及如何做到这一点?

4

2 回答 2

2

如果其他文件名以 _ 字符开头,则这些文件是部分文件,这意味着它们不会被编译,并且它们的内容只能与导入一起使用。

阅读有关部分的官方文档

于 2017-07-25T17:04:03.837 回答
1

名称以下划线开头的文件被视为部分文件,不会编译为 css 文件。这就是为什么您在输出 css 中看不到这些内容的原因。

请导航到本文档中标题为“部分”的部分...并阅读接下来的 2 个部分。

您可以创建部分 Sass 文件,其中包含可以包含在其他 Sass 文件中的小 CSS 片段。这是模块化 CSS 并有助于使事情更易于维护的好方法。部分文件只是一个以前导下划线命名的 Sass 文件。您可以将其命名为 _partial.scss。下划线让 Sass 知道该文件只是部分文件,不应将其生成为 CSS 文件。Sass 部分与 @import 指令一起使用。

于 2017-07-25T12:59:47.003 回答