laravel-5 - 使用作曲器在Laravel 5中设置Zurb Foundation 6(ass)

我正在使用Laravel启动一个新的v5.2项目，并且我想使用Zurb Foundation v6.2。

我已经看到可以通过composer来安装Zurb Foundation，并且由于我已经通过Laravel来安装composer，所以我认为这是一个好主意。
我做到了，Foundation在vendor(vendor/zurb/foundation)文件夹中。

它也已添加到composer.json中:

"require": {
    "php": ">=5.5.9",
    "laravel/framework": "5.2.*",
    "zurb/foundation": "^6.1"
},

但是现在，我该如何使用它呢？我应该在哪里创建CSS文件？在Laravel已经提供了scss文件(app.scss)的resources/assets/sass文件夹中？如果是这样，我如何将其链接到Zurb Foundation？

非常感谢你的帮助。

最佳答案

我认为Laravel Elixir更适合此目的。
从指南:

然后，要安装Foundation 6 for Sites，建议使用Bower(另一个)程序包管理器，但特别要用于管理面向前端的库，例如Foundation和jQuery。
您可以看看Zurb's example template以获得更好的理解。

npm install --global bower

创建一个名为bower.json的文件:

{
  "name": "my-site",
  "dependencies": {
    "foundation-sites": "~6.1.2",
    "motion-ui": "~1.1.0",
    "foundation-sites": "~6.2.0",
    "motion-ui": "~1.2.2"
  },
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "private": true
}

然后运行bower install。
在app.scss中，导入Foundation:

@import 'foundation';
@include foundation-everything;

然后在gulpfile.js中，将其编译为CSS:

mix.sass('app.scss', 'public/css/app.css', {
  includePaths: [
      'bower_components/foundation-sites/scss/'
  ]
});

最后编译，运行:

gulp

关于laravel-5 - 使用作曲器在Laravel 5中设置Zurb Foundation 6(ass)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35875077/