Ruby on Rails:如何正确组织JS和CSS文件?

时间:2011-02-19 09:53:34

标签: ruby-on-rails ruby-on-rails-3 project-organization file-organization

我想在我的Rails 3应用程序中使用SlickGrid插件。 我包含了几个我应该包含在HTML页面中的JS和CSS文件。

可以将所有需要的JS文件放在public/javascripts目录中,将所有CSS文件放在public/stylesheets目录中。但是,我不喜欢这个解决方案,因为它破坏了插件包文件结构。

我想将所有插件文件放在一个地方(我想到vendor/plugins,它是一个更好的地方吗?),并从那里包含所需的文件。这可能吗?

在集成插件时包含JS和CSS文件的正确方法是什么?

2 个答案:

答案 0 :(得分:2)

我认为Jammit可以帮助您完成您想要做的事情。除了打包,嵌入,压缩资产外,它还允许您在应用中的任何位置存储javascript和样式表。但是图像(如果没有嵌入)可能是个问题。

答案 1 :(得分:0)

@rubiii的答案也不错,但由于版本 2.10.0 sprockets gem支持bower,现在可以非常轻松地集成任何js / css库。版本管理和更新也像键入bower install一样简单。 Bower可以通过nodejs npm install -g bower安装,包含.bowerrc文件在应用程序的根目录中,内容为:

{
   "directory": "vendor/assets/components"
}

然后在bower.json中指定库并运行bower install

{
  "name": "appName",
  "version": "0.0.0",
  "dependencies": {
    "bootstrap": "~3.0.0",
  }
}

安装组件后,通常需要application.js/application.css中的文件。 e.g。

*= require bootstrap