2017-02-17 150 views
0

我開始學習sass並開始使用webpack爲我的項目(大部分時間我開發WordPress主題)提供更好的開發工作流程。在開發階段,我用gpack與webpack捆綁我的js文件並編譯sass。Web部署的最佳實踐

在開發過程之後,我將所有內容上傳到我的ftp,然後出現問題......當某些樣式發生變化時,我直接在編譯後的css文件中編寫新樣式,並且當我需要附加的javascript時,我只是將它寫入縮小,bundlet javascript文件,我認爲這是非常糟糕的。

所以我想問你在服務器上處理生產過程中的變化(樣式,附加js代碼)的最佳實踐是什麼? (我的服務器沒有節點)

回答

1

好吧。首先要做的是:這是不正確的做法。不要將更改直接寫入捆綁生產文件。您的開發環境應始終代表您的代碼的最新版本,然後將其捆綁並推向生產。

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

我也建議你使用某種版本的工具,如git的,在這裏你可以例如保持發展和你的代碼的分支。開發是您在下一個版本中的工作環境,主人是您當地對生產內容的表示。

關於部署過程,這一切都取決於您的生產環境以及您對其有多少控制。我認爲使用FTP發送新文件不被認爲是不好的做法,它只是有點令人厭惡。大多數開發人員可能更喜歡某種自動執行該過程的部署腳本。對於前端代碼,我通常使用shell腳本,使用scp將我的更改寫入生產。但這只是衆多可能解決方案之一。

0

考慮到你的情況(wordpress +需要更改css)我認爲好的(快速的)臨時解決方案是使用一些自定義的css功能。它曾經是使用插件完成的,但我認爲最近的一些wordpress版本在內核中已經有了它。

然後你可以在一些wordpress表單中插入css,它會被添加到你的頁面。這樣你就不會損壞縮小的文件,而且你將能夠提取你所做的改變並將它們放回到你的開發環境中。