web部署的最佳实践

Question

我开始学习sass，并开始使用webpack为我的项目提供更好的开发工作流程(大多数时间我都在开发wordpress主题)。在开发阶段，我和webpack一起使用gulp来捆绑我的js文件并编译sass。

在开发过程之后，我上传所有的东西到我的ftp，然后问题就开始了…当一些样式改变时，我直接在编译的css文件中编写新的样式，当我需要额外的javascript时，我只需将其写入缩小的bundlet javascript文件中，我认为这真的很糟糕。

所以我想问你，在服务器上处理生产环境中的更改(样式，附加的js-code)的最佳实践是什么？(我的服务器没有节点)

Answer 1

井。首先要做的是:你是正确的，这是一个糟糕的实践。不要将您的更改直接写入捆绑的生产文件。您的开发环境应该始终表示代码的最新版本，然后将其捆绑并推送到生产环境中。

因此，第一步是在本地进行更改，在您的开发环境中捆绑文件，然后将它们推送到生产服务器，替换旧文件。

我还建议您使用某种版本控制工具，例如git，您可以在其中保留代码的develop和master分支。开发是你下一个版本的工作，master是你在生产中的本地表示。

关于部署过程，这完全取决于您的生产环境以及您对它的控制程度。我不认为使用FTP发送新文件是一种糟糕的做法，它只是有点危险。大多数开发人员可能更喜欢某种自动执行该过程的部署脚本。对于前端代码，我通常使用使用scp的shell脚本来将我的更改写入生产环境。但这只是众多可能的解决方案之一。

Answer 2

考虑到您的情况(wordpress +需要更改css)，我认为最好(快速)的临时解决方案是使用一些自定义的css功能。它过去是通过插件来完成的，但我认为最近的一些版本的wordpress已经在核心中实现了它。

然后，您可以在某些wordpress表单中插入css，它将被添加到您的页面中。这样您就不会破坏缩小的文件，而且您还可以提取您所做的更改并将它们放回您的开发环境中。