本文探讨了TypeScript项目的目录结构，包括源代码和测试代码的分离，以及如何通过tsconfig.json配置编译输出。建议使用--outDir选项将编译后的JS与源TS分开，并保持/tests目录用于存放测试代码。对于引用机制，浏览器环境下可以考虑使用webpack，而Node.js环境则相对简单。此外，文章提到了一种快速迭代的require()用法，但警告可能会带来技术债务。最后，讨论了如何正确编译src目录下所有ts文件并避免不必要的子目录。
什么是TypeScript项目的惯用目录结构？
我希望在这样的结构中具有以下特征：
TypeScript源代码和转换的JavaScript的单独目录
项目源代码和测试代码的单独目录
解决跨测试和源代码的引用的机制。
如果您想要了解如何构建项目的示例，那么互联网上就有很多。 这主要是基于意见的，因此stackoverflow无法帮助您。:)
将生成的JS与源TS分离
我建议生成单文件输出。无论是浏览器还是Node，它只是一个更好的主意。请记住，大多数IDE都可以隐藏.gitignore d文件，因此即使您让.js文件位于其.ts文件旁边，整洁的文件窗格也不应该成为问题。
您可以通过适当地设置tsconfig.json在技术上使用--outDir输出您想要的方式。
将测试与源分开
这是相当微不足道的！只需保持/tests。导入只是通过目录遍历工作，如import {MyClass} from"../src/modules/my-class"(其中../将离开/tests)。
解决参考的机制
这在浏览器中比在Node上更具挑战性，后者具有require开箱即用的TypeScript。
在浏览器上
强烈建议你使用类似webpack的东西，但如果你坚持危险的生活，这里是一个浏览器友好的需求，我用它来快速迭代TypeScript代码，而无需构建流程设置。
require()用于浏览器
不是因为弱者，这是你将积累的科技债务
由于绝对路径是工作Web导入所必需的，因此以下是如何使用TypeScript的require() hack(通常用于不需要重建的快速调试会话
最低0.47元/天 解锁文章
扫一扫
790
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
