【问题标题】:best practice for web deploymentWeb 部署的最佳实践
【发布时间】:2017-07-06 15:03:14
【问题描述】:
我开始学习 sass 并开始使用 webpack 为我的项目提供更好的开发工作流程(大部分时间我开发 wordpress 主题)。在开发阶段,我使用 gulp 和 webpack 来打包我的 js 文件并编译 sass。
在开发过程之后,我将所有内容上传到我的 ftp,然后问题开始...... bundlet javascript-file,我认为这真的很糟糕。
所以我想问你在服务器上处理生产中的更改(样式、附加 js 代码)的最佳做法是什么? (我的服务器没有节点)
【问题讨论】:
标签:
node.js
npm
sass
webpack
【解决方案1】:
嗯。首先要做的事情是:您是正确的,这是不好的做法。不要将您的更改直接写入捆绑的生产文件中。您的开发环境应始终代表您的代码的最新版本,然后您将其捆绑并推送到生产环境。
因此第一步是在本地进行更改,在您的开发环境中,捆绑文件,然后将它们推送到您的生产服务器,替换旧文件。
我还建议您使用某种版本控制工具,例如 git,例如,您可以在其中保留代码的 develop 和 master 分支。 Develop 是您在下一个版本上工作的地方,master 是您在本地表示生产中的内容。
关于部署过程,这完全取决于您的生产环境以及您对它的控制程度。我不认为使用 FTP 发送新文件被认为是不好的做法,它只是有点费力。大多数开发人员可能更喜欢某种可以自动执行该过程的部署脚本。对于前端代码,我通常使用一个 shell 脚本,它使用 scp 将我的更改写入生产。但这只是众多可能的解决方案之一。
【解决方案2】:
考虑到您的情况(wordpress + 需要更改 css),我认为好的(快速)临时解决方案是使用一些自定义 css 功能。它曾经是通过插件完成的,但我认为一些最新版本的 wordpress 将它包含在核心中。
然后您可以以某种 wordpress 形式插入 css,它将被添加到您的页面中。这样您就不会损坏缩小的文件,并且您将能够提取您所做的更改并将它们放回您的开发环境中。