Sass只包括基礎部分在編譯的CSS中的評論

我正在嘗試使用基礎和sass製作jekyll博客，而我似乎無法獲得正確編譯的基礎sass。當我建立jekyll時，沒有錯誤，我寫的部分似乎正確加載，基礎似乎導入，但只有頂部的註釋。Sass只包括基礎部分在編譯的CSS中的評論

我進程迄今基本上運行 npm install foundation-sites --save

移動基礎青菜的東西出來node_modules文件夾，然後包括我的SCSS文件的基礎。

您可以看到以下屏幕截圖中輸出的目錄和css文件。

我有點不知道還有什麼我可以在這一點上的任何幫助將不勝感激試試！謝謝！

編輯：這是一個鏈接到分支和回購這看代碼。 https://github.com/samuraiseoul/kimchiChingu/tree/23-sass

來源

2017-03-17 samuraiseoul

版本庫網址可能嗎？ –

是的，這需要更多的信息來檢查你的app.scss中發生了什麼，因爲它實際上與main.scss名稱不同，並且在css文件夾中也沒有看到編譯後的css文件。請記住，sass會查找scor「主文件」，在yoru的情況下，我認爲它是「app.scss」，它應該包含部分的@import或任何想要編譯到新的app.CSS文件的內容。所以你可能想分享一些關於你如何做的更多信息？ – Leo

@DavidJacquel @Leo這裏是一個鏈接到分支的回購與其中的sass文件。我也編輯了這個問題以獲得鏈接。你應該可以克隆它並運行'jekyll build'來運行它。非常感謝我們的幫助，如果您有任何其他問題，請讓我知道，我可以添加所需的信息。 https://github.com/samuraiseoul/kimchiChingu/tree/23-sass – samuraiseoul

好吧，我想通了。問題是，我不得不包含基礎 - 一切混入我的sass文件或我想要的特定模塊。

僅僅使用@import 'foundation';還不夠好，我還不得不把@include foundation-everything;或者列出我想要的每個組件，以防萬一我不想要所有東西。

來源

2017-03-26 00:40:49 samuraiseoul

嗯..看起來像foundation.scss導入的所有partials只是sass函數，mixin和變量。所以沒有實際的CSS輸出。

來源

2017-03-22 14:22:36

Hrmmm，我用npm生成基礎的東西，但並沒有真正刪除任何東西。在項目中獲得更好的基礎是否有不同的方式？ – samuraiseoul

如果你不想改變原來的基礎CSS，你可以只包含'foundation.scss'，並用minified foundation css文件替換所有的@include。要覆蓋樣式，您可以在_sass文件夾中添加另一個.scss文件，並在'@include：'基礎'後使用@include';在你的main.scss中。例如，您將在_sass文件中擁有foundation.scss和custom.scss。在main.scss中，你必須寫'@include：'foundation'; @include：'custom';'。這樣你的自定義樣式就會覆蓋原來的基礎CSS。希望這有助於:) –

這就是我現在正在做的主分支，但我不想這樣做，因爲對於一些有用的東西，但對於像主色或另一種東西，如果我想要改變整個項目，然後我必須從基礎站點重新創建一個完整的min.css，並記住我以前的所有值。我想通過scss來實現這個目標，所以我不需要包含很多我不想要的內容，並且可以在將來更輕鬆地進行修改。你知道我如何通過基礎的sass文件來完成這項工作嗎？ – samuraiseoul

我有類似的問題，甚至增加

@include foundation-everything($flex: false);

之後我想通了更新我一飲而盡，薩斯模塊之後。

來源

2017-07-12 09:37:01

我們可能有不同的基礎版本。無論哪種方式感謝在這裏記錄另一個修復。：d – samuraiseoul

Sass只包括基礎部分在編譯的CSS中的評論

回答

相關問題