我们的一个站点有很多单独的CSS文件和JS文件,我想将它们全部优化为一个CSS和一个JS文件。
有人提到您可以通过在GitHub仓库中分离文件来设置Github来执行此操作,它将建立一个新的单个主文件,该文件具有所有代码已压缩,并且更新任何单个文件都将更新该主文件。
对于使用Github的人来说,这听起来很容易,但是我过去只使用Github来存储代码和片段,而从未真正做过很多事情。我已经尝试寻找有关此方面的信息,并且发现了有关合并存储库/分支的信息,但是它似乎并不能满足我们的所有需求。
有人可以帮我做什么吗?还是让我朝着设置和执行我们上述需要做的工作的指南的方向走?另外,在Github之外是否可以执行某些操作?
谢谢 迈克尔
答案 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文件。您完成了!
祝你好运!