javascript - PHP项目的Gulp/Grunt文件夹结构与实践

Question

我正在学习 Gulp，我想知道如何在典型项目中使用它 我有一个带有公共(public)文件夹的 Laravel 项目，该文件夹有一个/js 文件夹，其中包含我所有的 javascript 文件..

现在对于实时服务器我想缩小它们，我有 gulp-minify 工作但是你如何安排文件夹结构？有什么好的做法可以做到这一点吗？

方法一:将所有javascript文件合并成一个

所以我们的想法是将所有 javascript 文件合并成 1 个 javascript 文件并包含它。

我的问题是:我有很多特定于页面的 javascript，比如我的主页有一个 slider ，它依赖于带有 ID 的特定 div，但在其他页面上该元素不存在，所以使 javascript 工作所需的元素不存在，并且该页面不需要代码？

主题

http://ryankent.ca/starting-a-new-project-with-laravel-5-gulp-bower-and-bootstrap/

我对你的想法很感兴趣!

Answer 1

你应该做的不仅仅是缩小文件。您可以使用 concat 合并所有 js 文件。 通常加载单个文件比加载 10 个小文件更好。

我的建议是缩小和合并来自 js 的所有文件并升级 - 就在你的公共(public)场所。