Laravel 4 + Zurb Foundation 5的最佳实践？

Question

TL; DR:为Laravel 4 + Zurb Foundation 5组合(与Compass)安排文件,包管理器和构建工具的最佳方法是什么,作为一个具有干净公共(静态)部分的一致存储库？

---

我想开始一个新项目,基于后端的最新Laravel并使用Foundation作为前端.我是这两个人的新手,显然我错过了一些工具,这些工具是在我不做PHP一段时间的时候开发的.

我的困惑:

• Laravel使用Composer进行安装和依赖/模块管理.(好吧,我是Composer的新手)
• Foundation可以作为Composer模块使用(但接下来是什么？),但通常也作为CLI工具创建一个新项目并使用bower进行模块/依赖项管理.但后来我有两个存储库.
• 我是否需要公开我所有的.scss文件,或者甚至将整个基金会项目放到laravel的公共目录中以使其全部工作？

人们通常如何一起使用这些框架？他们不应该干涉,但他们仍然有完全不同的工具.

我在哪里放基础文件？把它作为作曲家模块还是在里面public？怎么引用它们？如何拥有一个build everything命令？

Answer 1

就个人而言,我有一个"静态"目录,其中包含静态文件.这就是我使用SASS观察者,笨拙的任务以及基本上整个前端工作流程的地方.在构建之后,该前端构建过程的结果被添加到"生产"Laravel public目录中.

一个亲的这一切(静态资产和laravel应用程序)是分开的.

一个骗局是使用您可以在static目录中构建的HTML模板中的任何更新来更新Laravel视图.如果更新模板,则可能还需要更新视图文件,这会在视图中围绕HTML添加更多模板化逻辑时变得更加繁琐.

只有一个建议.

Answer 2

我有与使用Bootstrap SCSS版本的Admin&Foundation SCSS for the frontend相同的问题.我还注意到这两个css框架都是作为编写器包的,但是你使用这种方法的问题是你通常在开发中使用其他Javascript文件也会合并,所以使用编辑器版本只会增加混乱.

我发现的最佳解决方案是在Laravel构建的顶层使用gulp或grunt与凉亭.更确切地说,通过配置为您提供了一篇很好的文章,在http://blog.elenakolevska.com/using-grunt-with-laravel-and-bootstrap/上有一篇文章来讨论引导程序集成,但这可以为Foundation调整.这个解决方案很好,因为grunt还有许多其他流行的javascript库,你可以在你的项目中使用它们.

或者,您可以使用像codekit这样的应用程序并创建一个指南针项目来管理将资产合并和编译到公用文件夹中.作为旁注,如果再次使用git,则需要从项目中排除其他文件夹.

如果您将SCSS框架文件视为开发资产,则不需要将它们放在项目中,因为您在开发计算机上只需要一个版本的Foundation.

您的自定义SCSS更改可以作为模块(即导航模块)添加到Laravel项目中,通过项目的私有作曲程序库或在开发时添加到Compass项目中.例如,您的公用文件夹应仅引用最终合并的style.css和java.js文件.然后可以将框架中的任何图像复制到公共文件夹即图标等.希望有帮助..