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

Question

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

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

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

我现在想向游戏添加 Rails 后端。我非常熟悉使用 Ruby on Rails 编写代码，但对于某些文件应放在目录结构中的位置，我的知识存在漏洞。

如果我将纯粹的 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

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

Answer 1

您的 app.css 文件应作为 app.css 保留在 app/assets/stylesheets 文件夹中。保留您的 application.css 文件，因为它将需要包含您的 app.css 文件的树。您的图像应保留在您的 app/assets/images 文件夹中，以便当您运行“bundle exec rake assets:precompile RAILS_ENV=生产”进行部署时，它将被预编译并添加到公共(public)文件夹中。正如您所说，您的 lib 文件夹中的个人 js 文件应移至 app/assets/javascripts 文件夹，而 vendor js 文件应放入 vendor js 文件夹中。

一般来说， vendor 文件夹中的所有 Assets 都应该是由外部源完成的文件/脚本，并且您编写的所有个人 js/css 文件应该位于 app/assets 文件夹中。