Github将多个文件合并为一个压缩的主文件

时间:2019-07-01 09:29:41

标签: jquery css github git-merge

我们的一个站点有很多单独的CSS文件和JS文件,我想将它们全部优化为一个CSS和一个JS文件。

有人提到您可以通过在GitHub仓库中分离文件来设置Github来执行此操作,它将建立一个新的单个主文件,该文件具有所有代码已压缩,并且更新任何单个文件都将更新该主文件。

对于使用Github的人来说,这听起来很容易,但是我过去只使用Github来存储代码和片段,而从未真正做过很多事情。我已经尝试寻找有关此方面的信息,并且发现了有关合并存储库/分支的信息,但是它似乎并不能满足我们的所有需求。

有人可以帮我做什么吗?还是让我朝着设置和执行我们上述需要做的工作的指南的方向走?另外,在Github之外是否可以执行某些操作?

谢谢 迈克尔

1 个答案:

答案 0 :(得分:2)

  

免责声明:我不知道如何使用Github来完成,所以我建议   吞咽

什么是口香糖?

Gulp是一个基于Node.js和npm构建的任务运行程序,用于自动化涉及Web开发的耗时且重复的任务,如缩小,串联,缓存清除,单元测试,整理,优化等。

为什么要使用gulp?

拥有许多不同的js和css文件来很好地概述您的项目真是太好了。将所有这些文件迁移到一个文件中对性能而言是有好处的,但是在以后对其进行更改时会遇到麻烦。借助gulp,您可以将css或js缩小到一个文件,但仍保留原始文件。

如何使用口香糖?

Gulp在整个互联网上都有广泛的记录。因此,只要不清楚,我就提供一些有用的链接:

设置

https://riptutorial.com/gulp/topic/1341/getting-started-with-gulp

缩小JS

https://riptutorial.com/gulp/topic/4397/minifying-js

缩小CSS

https://riptutorial.com/gulp/example/25432/minifying-css

缩小后,添加到您的仓库中,并将对所有css / js文件的引用更改为此js / css文件。您完成了!

祝你好运!