我正在学习Gulp,我想知道如何在典型的项目中使用它 我有一个带有公共文件夹的Laravel项目,该文件夹有一个包含所有javascript文件的/ js文件夹。
现在对于实时服务器我想缩小它们,我有gulp-minify工作,但你如何安排文件夹结构?这样做有什么好主意吗?
所以我的想法是将所有javascript文件连接成1个javascript文件并包含它。
我的问题是:我有很多特定于页面的javascript,就像我的主页有一个滑块,它依赖于带有ID的某个div,但在其他页面上,元素不在那里,所以使javascript工作所需的元素不存在,并且该页面不需要代码吗?
http://ryankent.ca/starting-a-new-project-with-laravel-5-gulp-bower-and-bootstrap/
我对你的想法很感兴趣!
答案 0 :(得分:2)
你应该做的不仅仅是minifing文件。您可以使用concat合并所有js文件。 加载单个文件而不是10个小文件通常会更好。
我的推荐是将js中的所有文件缩小并连接起来,然后将其升级 - 只是在你的公众中。
答案 1 :(得分:1)
有几种不同的方法。
一个是在/src
文件夹中单独/build
(对于源文件)和/js
(对于缩小文件)文件夹。另一种方法是将.min
附加到缩小的文件中,并将它们与源文件放在一起。这些方法的一个潜在缺点是您必须更新模板中对JavaScript文件的所有引用。
Lukasz的方法可能是我推荐的方法,因为它需要的工作量最少。最终,这取决于您和您的个人偏好。
答案 2 :(得分:0)
对于页面特定的javascript,你可以使用gulp-htmlmin:它是为html缩小而生的,但它也可以最小化你的内联javascript调用uglify。