Question

我们使用的是Typescript而不是简单的JavaScript，因为大约6个月。

目前我们的代码正在增长（大型应用程序），一些打字稿文件大约有3000到5000行代码。

1文件在我们的前端主要是1个视图（例如historyView.cshtml有history.ts）。但是我们前端的一些观点真的很大，可以做很多很好的UI工作。

一个例子：

history.ts

namespace history
{
    // 10 base functions here


   export namespace zoomfunction
   {
        // 10 more functions here
   }

   export namespace chartfunctions
   {
        // 10 more functions here
   }

   // Repeat this 10 times with more namespaces and functions... 
}

如何以更好的方式组织这5000行代码？我读到了文件或模块中的分割命名空间 - 这是＆＃34;最佳实践＆＃34;？

Answer 1

创建包含大量代码的单个文件绝对是一种不好的方法。我认为你应该使用 modules 而不是名称空间。（例如，您可以查看模块here。）

因此，您的文件结构与此类似：

src
└── history
    ├── zooming
    ├── charts
    ├── <...>
    └── index.ts

然后在您的app文件中，您可以像这样导入历史记录模块：

import * as history from './history';

如何构建一个大型的打字稿文件？

1 个答案: