当开发TypeScript库时，我们经常会面临一个棘手的问题：如何同时支持CommonJS (CJS)和ES Module (ESM)两种模块系统？这是一个至关重要且具有挑战性的任务，因为不同的环境可能需要不同的模块系统。幸运的是，有一种双重包装的方法可以让我们轻松应对这个问题。
双重包装的概念很简单：在库的根目录下创建两个入口文件，分别用于CJS和ESM。这两个入口文件分别导出相同的模块，但使用不同的模块系统进行导入和导出。通过这种方式，我们可以在不同的环境中轻松地使用同一个库。
为了实现双重包装，首先需要在package.json中对入口文件和模块系统进行配置。可以使用”module”字段指定ESM入口文件，使用”main”字段指定CJS入口文件。接下来，在CJS入口文件中使用CommonJS规范导出模块，在ESM入口文件中使用ES Module规范导出模块。
除了在入口文件中配置模块系统外，还需要在tsconfig.json中对TypeScript进行一些配置。需要将”module”字段设置为”commonjs”，”target”字段设置为”esnext”，以便在编译时生成兼容ESM和CJS的代码。
通过这种双重包装的方式，我们可以轻松地在TypeScript库中支持CJS和ESM两种模块系统，确保我们的库在不同的环境中都能正常运行。让我们一起努力，打造更加灵活和强大的TypeScript库吧！
了解更多有趣的事情：https://blog.ds3783.com/