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

时间:2014-01-31 13:43:41

标签: php laravel laravel-4 zurb-foundation

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


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

我的困惑:

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

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

我在哪里放基础文件?将其保留为作曲家模块或public内?怎么引用它们?如何拥有一个build everything命令?

2 个答案:

答案 0 :(得分:7)

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

pro 这就是所有内容(静态资产和laravel应用程序)是分开的。

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

只有一个建议。

答案 1 :(得分:7)

我遇到的问题与使用Bootstrap SCSS版本的Admin&基金会SCSS为前端。我还注意到这两个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文件。然后,框架中的任何图像都可以复制到公共文件夹,即图标等。希望有帮助..