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


Gulp/Grunt folder Structure and Practices for PHP Projects

我正在学习Gulp,我想知道如何在典型的项目中使用它我有一个Laravel项目,它有一个公共文件夹,其中有一个/js文件夹,可以保存我所有的javascript文件。。

现在,对于实时服务器,我想缩小它们,我有gullow缩小版,但你如何安排文件夹结构?有什么好的做法吗?

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

因此,我们的想法是将所有javascript文件连接到一个javascript文件中,并将其包含在内

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

论主题

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

我对你的想法很感兴趣!

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

我的建议是缩小和合并js中的所有文件,并将其放在级别上——只在公共场合。

有几种不同的方法。

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

卢卡兹的方法可能是我推荐的方法,因为它需要最少的工作。最终,这取决于你和你的个人喜好。

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