不能通过凉亭在Middleman上使用基础

Question

我想在我的中间人项目中使用基础，是一个全新的项目。

在中间人documentation上他们说：

  

Sprockets支持Bower，因此您可以添加Bower组件路径   直接：

sprockets.append_path File.join root, 'bower_components'

所以我将上面的代码添加到我的config.rg

然后他们说：

  

使您的凉亭控制资产 - 图像，字体等 - 可用   在您的应用程序中，您需要使用它们导入它们   sprockets.import_asset

所以我在config.rb中添加了这个：

sprockets.import_asset 'foundation'

然后我试着看看基础是否有效，所以我把它添加到我的index.html：

<a href="#" class="button">Default Button</a>

我还需要all.js这样的基金会：

//= require foundation.js
//= require_tree .

就像这样的all.css：

@import "foundation";

但是我收到了这个错误：

 x GET http://localhost:4567/stylesheets/foundation 
all.js:704 Uncaught ReferenceError: jQuery is not defined

最后我的项目结构如下：

我做错了什么？

感谢。

Answer 1

在需要foundation.js之前需要jQuery，因为基础依赖于jQuery。

修改你的代码：

//= require_tree .
//= require foundation.js

但是，我更愿意明确地调用供应商文件，因此我不会包含任何我不需要的内容。所以我的app.js文件就是这样开始的（取决于你决定在你的bower_components文件夹中包含jQuery的方式）：

//= require jquery/dist/jquery
//= require foundation