使用Atom插件編譯成多個.scss文件sass-autocompile by armin-pfaeffle

Question

我記得很確定這個插件是否可以實現，但我目前的問題是我維護一個大的SCSS項目，它有三個面而我實際上希望在保存時編譯三個不同的CSS文件。

我有三個主要文件：

1. 核心something_1.scss
2. 核心something_2.scss
3. 列表項

核心something_3.scss

所有那裏的文件需要相同的重置顏色等。這就是爲什麼他們都在一個SCSS項目。爲了能夠編譯我需要添加評論： // main: ../core-something_1.scss

這將只編譯一個文件，這是有道理的，但有沒有可能添加smth。像這樣： // main: "../core-something_1.scss", "../core-something_2.scss", "../core-something_3.scss"

結果將是它爲我自動編譯三個文件。最好的情況是擺脫這些註釋，並自動檢查scss子文件的調用位置並編譯它們。我曾經在「Panic的Coda」上工作，但是幾星期前就開始轉向Atom。在科達一切工作正常，沒有任何評論。也許有人可以幫忙。謝謝！ :)

鏈接插件：https://github.com/armin-pfaeffle/sass-autocompile

Answer 1

如果你需要維持一個組共同的顏色整個網站，豈不是更好它分成部分，並引用它爲每個SCSS的文件？

@import 'reset-colors'; 

Answer 2

在凌青菜，自動編譯設置選擇/打勾的選項編譯上的保存和

「與‘擴張’輸出格式編譯」定義「擴展」輸出格式文件的路徑 - >../css/$1.css

當您保存/編譯main.scss文件時，它將在您的主項目中創建一個'css'文件夾，並且您將有一個輸出.css文件。

您應該將您所有的_core-something1.scss, _core-something2.scss導入到您的main.scss文件中。

即

@import "core-something1"; @import "core-something1";

你不需要編譯，你只需要編寫單獨的文件/保存main.scss