javascript - 将 bootstrap 主题安装到 Rails 4 应用程序中 - javascript 文件问题

Question

我从 WrapBootstrap.com 下载了一个主题并正在尝试将其实现到新的 Rails 4.1 应用程序中。

我得到了四个目录 - css、fonts、img 和 js。我也得到了 index.html文件。

我复制了 index.html提交到我的应用程序并路由到它。然后我把每个目录的内容都给我，并把它放在适当的 Assets 目录中:

css去了stylesheets , img去了images , js去了javascripts .我不确定如何处理 fonts目录。

然后，我的 index.html.erb 中有很多这样的要求文件:

这些对于 javascript 和 css 都存在。我将它们全部取出并替换为以下代码行:

<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_include_tag 'application' %>

我在每个 application.css 和 application.js 文件中都有:

//= require_tree .
//= require_self

和

*= require_tree .
*= require_self

现在，CSS 似乎可以正确呈现。但是，JS 文件根本没有加载。我可以将它们完全从应用程序中取出并得到相同的结果。

我在这里错过了什么？ js 文件在 Assets 目录中，它们在 application.js 中是必需的，我已经包括了application.js在我的 index.html.erb文件。

有什么想法吗？

Answer 1

由于您有将在您的应用程序中使用的外部 Assets ，Rails 惯例是将它们放在 vendor/assets 路径中。您可以将相应的文件复制到它们的目录中。 fonts 应该在 stylesheets 文件夹中。

然后在您的 application.js 中添加这一行(一个对应您拥有的每个文件):

//= 需要 name-of-js-file-without-extention

然后在您的 application.css 中添加:

*= require name-of-css-file-without-extention

此时你的 css 和 js 应该可以工作了:)