Web部署的最佳實踐

Question

我開始學習sass並開始使用webpack為我的項目提供更好的開發工作流程（大多數時候我開發wordpress主題）。 在開發階段，我將gulp與webpack一起使用以捆綁我的js文件並編譯sass。

開發過程結束后，我將所有內容上傳到ftp，然后問題開始...當某些樣式更改時，我將新樣式直接寫在已編譯的css文件中，而當我需要其他JavaScript時，我只需將其寫在縮小的，捆綁的javascript-文件，我認為這真的很糟糕。

所以我想問你，在服務器上進行生產變更（樣式，附加js代碼）的最佳實踐是什么？ （我的服務器沒有節點）

Answer 1

好。 首先，第一件事是正確的做法，那就是不好的做法。 不要將更改直接寫到捆綁的生產文件中。 您的開發環境應始終代表代碼的最新版本，然后將其捆綁並投入生產。

因此，第一步將是在開發環境中本地進行更改，將文件捆綁在一起，然后將它們推送到生產服務器，以替換舊文件。

我還建議您使用某種版本控制工具，例如git，例如，其中可以保留代碼的開發和主分支。 Develop是您開發下一個版本的地方，master是您在生產中的本地表示。

關於部署過程，這完全取決於您的生產環境以及您對該環境的控制程度。 我不認為使用FTP發送新文件不是壞習慣，這有點麻煩。 大多數開發人員可能更喜歡某種可以自動執行該過程的部署腳本。 對於前端代碼，我通常使用shell腳本，該腳本使用scp將更改寫入生產環境。 但這只是許多可能的解決方案之一。

Answer 2

考慮到您的情況（wordpress +需要更改CSS），我認為好的（快速）臨時解決方案是使用一些自定義CSS功能。 它以前是用插件完成的，但是我認為某些最新版本的wordpress都在內核內部。

然后，您可以以某些wordpress形式插入CSS，它將被添加到您的頁面中。 這樣，您將不會破壞縮小的文件，並且還可以提取所做的更改並將其放回到開發環境中。