将第三方JS / CSS库添加到Rails应用程序

时间:2015-07-25 13:22:04

标签: javascript jquery css ruby-on-rails twitter-bootstrap

为了避免不得不做出数以千计的不同UI决策,我公司购买了一个模板,其中包括Bootstrap,JQuery UI以及数百种不同的CSS和JS文件。总而言之,我们正在讨论超过160 MB的文件。

我正在使用Rails 4.2和Ruby 2.0。

我是一个亲戚“noob”并且之前没有遇到过这种情况。我最初的想法是逐个目录,并将资产移动到适当的资产管道目录(图像,javascripts,样式表)。但是,这不仅看起来非常乏味,我确信这些JS文件中的一些文件中包含其他资源的路径,我不想调试所有这些。

所以我现在正在查看lib和vendor目录。根据定义,供应商听起来是正确的地方。但是,它有javascripts和stylesheets目录,看起来我将陷入与上面相同的混乱。

lib目录看起来可能有效。所以我扔掉了assets目录中的所有子目录。现在最重要的问题是,如何让我的应用程序将其用于所有页面。再说一遍,我对这种类型的东西都是“noob”。

我已经搜索了rails指南和stackoverflow,当我看到可能有用的部分时,我没有看到任何实际概述如何执行此操作的内容,并且我尝试过的任何内容都没有。最接近应该工作的是将以下内容添加到application.rb

config.autoload_paths += Dir["#{config.root}/lib/**/"]

我还尝试将以下内容添加到我的application.css文件中以及application.js文件中的相应条目:

*= require_tree ../../../lib/assets/.

但是,每当它遇到一个.js文件时,我都会收到一个编译CSS资产的错误,因为它们都是混合在一起的。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我终于把所有东西都放在资产管道中了,它运行良好。它并没有遵循保持供应商库分离的最佳实践,但它确实有效。