版本控制:如何在环境之间控制css和js压缩/缩小版本

Question

我正在使用git(通过GitHub)对我的项目进行版本控制.我还是新手,但我想知道如何让我css和js文件在环境之间保持同步的最佳实践.

示例:假设我js在dev上编写了一个脚本.我很满意我的工作,我推动测试.在测试时,我想要一个缩小/压缩版本.如果没有大量的开销任务,我将如何实现这一目标？你们做什么的？我假设它是某种部署脚本的一部分,它会压缩代码并将其推送到我指定的任何环境.

这提出了另一个问题:我的项目中的header(和/或footer)文件怎么样？如果我dev有:

<link rel="stylesheet" href="<?php echo base_url(); ?>css/main.css">

我testing有:

<link rel="stylesheet" href="<?php echo base_url(); ?>css/main.min.css">

这一切都很好,但如果我需要更改标题怎么办？我如何将所有这些东西彼此分开？如果我对我的标题进行更改并推送到测试或生产,我将失去该.min包含行.

目前,我所做的部署更新只是git pull origin [branch]从我想要更新的环境中的命令行开始.

再一次,我正在寻找最佳实践,无论学习它需要什么.谢谢!

Answer 1

您可能想要查看预处理器工具,例如LESS或Sass.这些工具允许您编写CSS(我相信他们也可以为了缩小目的而处理JS),并根据环境设置脚本来处理编译代码的方式.

那么,你要做的就是在"源"文件中编写你的代码,并设置preprocesser来根据设置文件中的设置编译代码(对于Sass,这可以通过Compass框架轻松完成),根据你所处的环境.然后你只保留存储库中的源文件(设置Git忽略编译的版本),并设置post-receive钩子来编译服务器上的源文件.然后可以编写HTML来访问已编译的文件(这些文件应该在不同的环境中具有相同的名称),因此您不必编写即时确定代码运行环境的逻辑.