Gulp / Grunt文件夹PHP项目的结构和实践

时间:2014-11-04 14:52:05

标签: javascript php gruntjs yeoman gulp

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

现在对于实时服务器我想缩小它们,我有gulp-minify工作,但你如何安排文件夹结构?这样做有什么好主意吗?

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

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

我的问题是:我有很多特定于页面的javascript,就像我的主页有一个滑块,它依赖于带有ID的某个div,但在其他页面上,元素不在那里,所以使javascript工作所需的元素不存在,并且该页面不需要代码吗?

关于主题

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

我对你的想法很感兴趣!

3 个答案:

答案 0 :(得分:2)

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

我的推荐是将js中的所有文件缩小并连接起来,然后将其升级 - 只是在你的公众中。

答案 1 :(得分:1)

有几种不同的方法。

一个是在/src文件夹中单独/build(对于源文件)和/js(对于缩小文件)文件夹。另一种方法是将.min附加到缩小的文件中,并将它们与源文件放在一起。这些方法的一个潜在缺点是您必须更新模板中对JavaScript文件的所有引用。

Lukasz的方法可能是我推荐的方法,因为它需要的工作量最少。最终,这取决于您和您的个人偏好。

答案 2 :(得分:0)

对于页面特定的javascript,你可以使用gulp-htmlmin:它是为html缩小而生的,但它也可以最小化你的内联javascript调用uglify。