将Rails后端添加到JS/HTML/CSS应用程序时，正确的文件位置是什么

What are the correct file locations when adding a Rails backend to a JS/HTML/CSS application?

本文关键字：是什么 位置 文件 CSS 添加 后端 Rails JS HTML 应用程序      更新时间：2023-09-26

我用JavaScript做了一个游戏。我有一个名为Game的目录，其中包含：

  • index.html
  • app.css
  • imgs
  • lib
  • vendor

在lib内部，我有自己的javascript文件。在vendor内部，我有一个来自第三方的javascript文件，用于游戏中的特定功能。我使用webpack来捆绑我的模块，所以在lib中我还保留了bundle.js文件。

我现在想在游戏中添加一个Rails后端。我非常熟悉使用RubyonRails编写代码，但在目录结构中某些文件应该放在哪里的知识上存在漏洞。

如果我将我的纯javascript/html/css游戏转换为一个只有一个页面（上面有游戏的根页面）的Rails应用程序，那么我上面列出的文件会放在哪里？

以下是我的想法：

  • index.html将成为我的app/views/layouts/application.html.erb
  • app.css将变为app/assets/stylesheets/application.css
  • 我的imgs文件夹的内容会放在/public中（事实上，我从来没有理解过为什么当我把图像放在app/assets/images中时它永远不会工作，但那是另一回事）
  • 我的lib文件夹的内容将放在app/assets/javascripts中（希望我不会遇到与图像相同的问题）
  • 并且包含在我的vendor文件夹中的javascript文件将进入/vendor

这是正确的吗？是否需要考虑其他因素？

你的app.css文件应该作为app.css保存在app/assets/stylesheets文件夹中。不要使用你的application.css文件，因为它需要包含你的app.chss文件的树。您的映像应该保留在您的app/assets/images文件夹中，因此当您运行"bundle-exec-rake-assets:precompile RAILS_ENV=production"进行部署时，它将被预编译并添加到公用文件夹中。您的lib文件夹中的个人js文件应该移到app/assets/javascripts文件夹中，供应商js文件也应该放在供应商js文件夹中。

通常，供应商文件夹中的所有资产都应该是由外部来源完成的文件/脚本，而您编写的所有个人js/css文件都应该在app/assets文件夹中。

相关文章：