编译 Sass (scss) 到 css

Question

我有这个模板 - web template - editorial 当我将它添加到我现有的 Meteor 应用程序时，它不会加载 scss files，仅加载客户端目录中的 css 文件。尽管我将 scss files 放在 public 文件夹中。我可以添加什么最好的方法？因为我无法让它工作，所以我决定将 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 文件夹中维护相同的子目录文件夹。为什么以及如何执行此操作？

Answer 1

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

请导航至 this document 中标题为 'Partials' 的部分...并阅读接下来的 2 个部分。

You can create partial Sass files that contain little snippets of CSS that you can include in other Sass files. This is a great way to modularize your CSS and help keep things easier to maintain. A partial is simply a Sass file named with a leading underscore. You might name it something like _partial.scss. The underscore lets Sass know that the file is only a partial file and that it should not be generated into a CSS file. Sass partials are used with the @import directive.

Answer 2

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

阅读官方 doc 关于部分。

编译 Sass (scss) 到 css

Compiling Sass (scss) to css

css

templates

meteor

sass

scss-lint