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

Question

我想在我的Rails3应用程序中使用SlickGrid插件。我包含几个JS和CSS文件，我应该将它们包含在我的HTML页面中。

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

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

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

Answer 1

我认为Jammit可以帮助你完成你想要做的事情。除了打包，嵌入，gzipping你的资源，它还允许你存储javascript和样式表在你的应用程序中的任何地方。不过，图像(如果不是嵌入的)可能是个问题。

Answer 2

@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中的文件。例如：

*= require bootstrap