不能通过凉亭在中间人上使用基础

Question

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

关于中间人 documentation 他们说：

Sprockets supports Bower, so you can add your Bower components path directly:

sprockets.append_path File.join root, 'bower_components'

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

然后他们说：

To make your bower controlled assets - images, fonts etc. - available within your application, you need to import them using 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

您需要先要求 jQuery，然后再要求 foundation.js，因为基础取决于 jQuery。

像这样修改你的代码：

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

但是，我更喜欢显式调用供应商文件，因此我不包括任何我不需要的东西。所以我的 app.js 文件是这样开始的（取决于您决定如何将 jQuery 包含在 bower_components 文件夹中）：

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

Can't use foundation on Middleman via bower