javascript - JS 项目文件放置

Question

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

我有一个表示 ISO 语言代码的相当大的 JSON 对象:

{"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”与应用程序 Controller “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 目录结构旨在将您的想法组织成模型和 View ，并使维护者的工作更轻松。它不是一成不变的，每个项目都是独一无二的。

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