JS项目文件放置

Question

我很难弄清楚在我的 javascript 项目中放置某个文件的位置。

我有一个相当大的 JSON 对象，它代表 ISO 语言代码：

{"code":"nl","name":"Dutch","nativeName":"Nederlands, Vlaams"},
{"code":"en","name":"English","nativeName":"English"},
{"code":"eo","name":"Esperanto","nativeName":"Esperanto"},
{"code":"et","name":"Estonian","nativeName":"eesti, eesti keel"},
{"code":"ee","name":"Ewe","nativeName":"Eʋegbe"},

我不想从 API 检索此信息，因为此信息相当静态且不会经常更改。

我只是在需要引用它的 JS 文件中“导入”这个 ISO 语言代码对象文件。

但是，我不知道该文件的实际放置位置。

我当前的项目文件结构：

root/
    package.json
    webpack.config.js
    node_modules/
    dist/
    src/
        index.html
        js/
            models/
            views/
            config.js
            index.js -- (single application controller)
            iso-language-codes.js

如您所见，“iso-language-codes.js”与应用程序控制器“index.js”位于同一级别。

我知道这很弱，但我应该把它放在哪里？大多数情况下，这种事情是偏好，但逻辑告诉我应该创建一个新的“数据”文件夹并将“iso-language-codes.js”放在新目录中，如下所示：

src/
    index.html
    js/
        models/
        views/
        config.js
        index.js -- (single application controller)
        data/
            iso-language-codes.js

非常感谢任何建议。

花了很多时间谷歌搜索和搜索堆栈，但找不到任何东西来回答我的具体问题。如果有人有什么我可以参考的，那就太好了。

Answer 1

你的思维过程很好。将静态数据文件放在子目录中没有任何问题（语言和国家/地区的 ISO 代码是典型示例）。

不过，大多数人不喜欢 data 这个名字。太笼统了，一切都是数据。典型的名称是 assets/ 或 resources/ 甚至是 iso-codes/，如果你想具体一点的话。它没有错，或者以上的组合。

MVxxx 目录结构旨在将您的想法组织成模型和视图，并使维护者的工作更轻松。它不是一成不变的，每个项目都是独一无二的。

此外，当项目获得大量流量时，人们经常将此类文件重新定位到 CDN，以缩短加载时间。那么您的 URL 将类似于 https://some-cdn.example.com/resources/iso-codes/lang.js。也就是说，您可以以一种易于分发到多个服务器甚至服务的方式来考虑目录。

Answer 2

“您可以以一种易于分发到多个服务器甚至服务的方式来考虑目录”：

https://some-cdn.example.com/resources/iso-codes/lang.js

我注意到“iso-codes”之前的 URI 段“resources”，所以我想我可以在资源下分组图像和 sass 样式以及 iso-codes。抱歉，我之前忘了提及图片和样式。

这是旧结构：

src/
    index.html
    images/
    sass/
    js/
        models/
        views/
        config.js
        index.js -- (single application controller)
        assets/
            iso-language-codes.js

下面是新提议的结构，将 ISO 内容（不再位于“js”文件夹下）、图像和 sass 样式分组到一个通用“资源”文件夹下。

src/
    index.html
    resources/
        iso-codes/
            lang.js
        images/
        sass/
    js/
        models/
        views/
        config.js
        index.js -- (app controller)

这会正确地遵循您的格言吗？ “您可以以一种易于分发到多个服务器甚至服务的方式来考虑目录”