javascript - 如何将没有模块的js应用程序迁移到commonJs模块?

标签 javascript module webpack

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

出于多种原因,我想将代码库移至模块。 但是看起来确实有很多工作要做。并且由于js的动态特性, Unresolved 依赖关系会在运行时被检测到。因此,“大量工作”+“不可靠”使其成为一项危险的尝试。

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

最佳答案

Webpack 有一些工具可以用来解决这些情况。查看exports loader -- 它从尚未导出值的模块(文件)中导出(您选择的)值。这让您或多或少将其视为一个模块。另请查看 imports-loader (将另一个文件导入到一个文件中,以便您可以确保在构建时存在依赖关系)以及文档同一页面上的其他资源。

关于javascript - 如何将没有模块的js应用程序迁移到commonJs模块?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36196286/

相关文章:

javascript - 使用 Greensock Tween 在不同项目和不同时间进行淡入淡出

javascript - 停止滚动自动定位列

JavaScript:单击按钮后将图像加载到div中

javascript - 我可以向 requirejs 模块添加一个方法作为另一个模块的依赖项,并在每次模块作为依赖项加载时都可用吗?

webpack - 工兵 webpack 警告 : 'mode' option has not been set

javascript - 我怎么能使用 webpack split app and dependency in to different js files

javascript - 响应图像图片媒体大小在 Firefox 中不起作用

浏览器上的 JavaScript 模块

Javascript:在内部导出模块内部的东西

javascript - 通过代理获取 URL 返回 403 错误