使用 Laravel 设置 Zurb Foundation 5 的一些帮助

Question

对 Laravel 来说还算新，但曾多次使用过旧版本的 Foundation。我已经设置了一个新的 laravel 项目，并且正在尝试将基础框架添加到我的项目中，但是当我想自定义 scss 文件时，我对如何执行此操作有点困惑。

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

我不清楚我该如何设置它，一切都应该去哪里。有没有人能给我分解一下我应该遵循的步骤来获得这个设置？我特别希望能够通过 sass 自定义样式，否则我只会手动为编译后的 js 和 css 创建文件夹。

Answer 1

我遇到的问题与将 Bootstrap SCSS 版本用于前端的 Admin 和 Foundation SCSS 相同。我还注意到这两个 css 框架都是作为 composer 包提供的，但是这种方法的问题是你通常在开发中使用其他 Javascript 文件，这些文件也会被合并，所以使用 composer 版本只会增加混乱。

我发现的最佳解决方案是在 Laravel 构建的顶层使用 gulp 或 grunt 和 bower。而不是为您完成配置，http://blog.elenakolevska.com/using-grunt-with-laravel-and-bootstrap/ 上有一篇很好的文章介绍了引导集成，但这可以针对 Foundation 进行调整。这个解决方案很好，因为 grunt 有许多其他流行的 javascript 库，您也可以在项目中使用它们。

或者，您可以使用 codekit 之类的应用程序并创建一个 compass 项目来管理将资产合并和编译到公共文件夹中。作为旁注，如果再次使用 git，您需要从项目中排除其他文件夹。

如果您将您的 SCSS 框架文件视为开发资产，则实际上不需要将它们包含在项目中，因为您的开发机器上只需要一个 Foundation 版本。

您的自定义 SCSS 更改可以作为模块（即导航模块）添加到您的 Laravel 项目中，通过项目的私有 composer repo 或在开发时添加到 Compass 项目中。例如，您的公用文件夹应该只引用最终合并的 style.css 和 java.js 文件。然后可以将框架中的任何图像复制到公共文件夹，即图标等。希望对您有所帮助..