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

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，因为foundation依赖于jQuery。

像这样修改你的代码：

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

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

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