2017-07-25 142 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