我从WrapBootstrap.com
下载了一个主题,并尝试将其实现为新的rails 4.1应用程序。
我被赋予了四个目录--css,fonts,img和js。我还获得了index.html
文件。
我将index.html
文件复制到我的应用中并路由到它。然后我获取了给我的每个目录的内容并将其放在适当的资产目录中:
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文件位于资源目录中,application.js
中需要这些文件,我在application.js
文件中包含index.html.erb
。
有什么想法吗?
答案 0 :(得分:0)
由于您的外部资产将在您的应用中使用,因此Rails约定是将它们放在vendor/assets
路径中。您可以将相应的文件复制到其目录中。 fonts
应位于stylesheets
文件夹中。
然后在你的application.js中添加这一行(每个文件对应一行):
//= require name-of-js-file-without-extention
在你的application.css中添加:
*= require name-of-css-file-without-extention
此时你的css和js应该正常工作:)