你應該把* .css文件放入git中，它們是從* .scss生成的嗎？

Question

我開始使用sass scss樣式表。這些從* .scss文件生成* .css文件。我的問題是，你檢查哪些文件進入版本控制？現在我檢查main.scss和生成main.css。我想知道是否有辦法檢查* .scss文件並確保在部署時生成* .css文件。

Answer 1

通常，您通常不需要將生成的文件檢入到源代碼管理中。只要您的代碼生成工作一致，並且始終如一地使用它來更新目標.css文件，我認爲您不需要將它們放在源代碼管理中。

也就是說，不會將生成的文件放入源代碼管理的建議通常更多地用於二進制文件（即從構建生成的庫或可執行文件）。造成這種情況的主要原因是二進制文件不容易被區分/合併，所以如果多人嘗試檢查對同一個二進制文件的更改，最終可能會合並難以解決的問題。既然你在處理純文本的css文件，我認爲把它們放在源代碼管理中也不是什麼大不了的事情，只是爲了備份實際的目標文件。

Answer 2

我更喜歡檢查它們。我們從git部署到我們的臨時和生產環境中，而且在部署到生產環境時，我更願意不依賴另一個工具/編譯。這樣，它就完全清楚被推出的東西。

Answer 3

我喜歡借用服務器端開發人員在處理編譯的前端代碼（如sass）時使用的約定。我將所有源代碼與編譯代碼分開。下面是我如何設置它：

把你的源在一個src目錄下的主/語言相關的名稱，在這種情況下：

/path-to-my-app/src/main/sass/my-syntactically-awesome-file.scss 

然後把測試中相同的測試目錄（你不應該需要SASS任何測試，雖然：

/path-to-my-app/src/test/sass/my-syntactically-awesome-test.whatever 

然後把你的編譯代碼的發佈準備的目錄，比如：

/path-to-my-app/publish/css/my-syntactically-awesome-file.css 

然後提交整個家當

您可以確保你總是把你的CSS在正確的地方，像這樣（！）：

$ cd /path-to-my-app 
$ sass --watch src/main/sass/*.scss:publish/css/ 

現在你是一個母親程序員艾芬，寶貝！