2017-02-17 152 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,它会被添加到你的页面。这样你就不会损坏缩小的文件,而且你将能够提取你所做的改变并将它们放回到你的开发环境中。