Ruby on Rails：如何正确组织 JS 和 CSS 文件？

Question

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

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

我想将所有插件文件放在一个地方（我想到了供应商/插件，这是一个更好的地方吗？），并从那里包含所需的文件。这可能吗？

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

Answer 1

我认为 Jammit 可以帮助您完成您想要做的事情。除了打包、嵌入、压缩您的资源之外，它还允许您将 javascript 和样式表存储在应用程序中的任何位置。不过，图像（如果未嵌入）可能是一个问题。

Answer 2

@rubiii 的回答也很好，但是自从 sprockets gem 从版本 2.10.0 支持 bower，现在可以非常轻松地集成任何 js/css 库。此外，版本管理和更新就像输入 bower install 一样简单。 Bower 可以通过 Nodejs npm install -g Bower 安装，在应用程序的根目录中包含 .bowerrc 文件，其中包含内容：

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

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

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

安装组件后，像往常一样需要 application.js/application.css 中的文件。例如

*= require bootstrap