2017-07-25 129 views
2

我有这个模板 - web template - editorial当我将它添加到我现有的Meteor应用程序中时,它不会加载scss files,只有位于客户端目录中的css文件。虽然我把scss files放在公用文件夹中。我可以添加什么最好的方式?因为我无法实现它,所以我决定将scss编译为css。编译Sass(s​​css)到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文件夹中保留相同的子目录文件夹。为什么以及如何做到这一点?如果提前赞赏你的贡献。

+2

以下划线开头的文件为'INCLUDED',未编译。你需要包括这些文件main.scss等... – Khan

+0

谢谢。你能详细解释一下吗?我如何包含它们? – kehinde

+0

我已经在我的回答中分享了帮助文档的链接。 – Khan

回答

1

名称以下划线开头的文件被视为部分文件而不编译为css文件。这就是为什么你没有看到你的输出CSS中的那些。

请导航到标题'Partials'的部分在this document ...并阅读下面两节。

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

1

如果其他文件名以_字符开头,那么这些文件是partials,表示它们没有编译,它们的内容只能用于导入。

阅读有关partials的官方doc

+0

这个答案在上面提供的答案中添加了什么!?!? – Khan