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

Question

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

关于中间人文件，他们说：

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

sprockets.append_path File.join root, 'bower_components'

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

然后他们说：

要在您的应用程序中使用您的bower受控资产（图像，字体等），您需要使用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