如何将没有模块的js app迁移到commonJs模块？

Question

我正在开发一个大而有价值的旧js应用程序，虽然代码很干净，但那里没有模块的概念。该应用程序分为许多文件，所有文件都以“有效的顺序”在index.html中导入。

由于很多原因，我想将代码库移到模块中。 但这看起来真的很多。并且由于js的动态特性，将在运行时检测未解析的依赖项。所以“很多作品”+“不可靠”使它成为一种危险的努力。

最好的方法是什么？是否有任何工具可以帮助我完成这项任务（我正在考虑AST +依赖分析器）？

Answer 1

Webpack提供了一些工具来解决这些问题。查看exports loader - 它从一个尚未导出值的模块（文件）中导出一个（您选择的）值。这可以让你或多或少地像对待模块那样对待。另请查看imports-loader（将另一个文件导入文件，以便确保在构建时存在依赖关系），以及文档同一页面上的其他资源。