有些人帮助用Laravel建立Zurb Foundation 5

时间:2014-02-04 16:25:01

标签: javascript php html css laravel

Laravel相当新,但几次使用旧版本的Foundation。我已经设置了一个新的laravel项目,我正在尝试将基础框架添加到我的项目中,但是当我想要自定义scss文件时,我对如何执行此操作感到有点困惑。

我认为无法遵循基金会网站上提供的有限说明。我使用bower下载最新的基础版本,然后使用grunt“创建一个新项目”,将基础核心文件放在我选择的目录中。在这一点上,我对我接下来应该做什么感到困惑?我想我需要将scss文件添加到我的app文件夹下的资产中,然后编译到我的public / assets / css或js文件夹中。这应该是一个手动过程还是我错过了什么?我假设我错过了其他一些东西我没有看到使用所有这些不同的包只是为了获取源文件的好处。

我不清楚如何设置它,一切都应该去。有人能够让我分解我应该遵循的步骤以获得此设置吗?我特别希望能够通过sass自定义样式,否则我只需手动为已编译的js和css创建文件夹。

1 个答案:

答案 0 :(得分:2)

我遇到的问题与使用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文件。然后,框架中的任何图像都可以复制到公共文件夹,即图标等。希望有帮助..