Web部署的最佳实践

Question

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

在开发过程之后，我将所有内容上传到我的ftp，然后开始出现问题...当一些样式更改时，我直接在编译的css文件中编写新样式，当我需要addional javascript时，我只需将其写入minified，捆绑javascript文件，我认为这真的很糟糕。

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

Answer 1

好。首先要做的是：你是对的，这是不好的做法。不要将更改直接写入捆绑的生产文件中。您的开发环境应始终代表最新版本的代码，然后将其捆绑并推送到生产环境。

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

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

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

Answer 2

考虑到你的情况（wordpress +需要改变css）我认为好的（快速）临时解决方案是使用一些自定义css功能。它曾经是用插件完成的，但我认为最新版本的wordpress将它放在内核中。

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