javascript - 保留 Webpack 中模块的顺序

Question

import('./A');
import('./B');
import('./C');
export class Person {};

A、B 和 C 是纯 JS (es5) 库，它们使用全局 window 对象并且相互依赖。

查看输出文件，我看到 Webpack (awesome-typescript-loader) 更改了模块的顺序，这会导致问题。

如何以完全相同的顺序将它们包含在输出文件中？

Answer 1

正确的答案可能是将您的文件转换为 typescript ，但这个答案假设您有时间将现有的 js 文件完全转换为 ts。如果出于某种原因您不这样做，它们仍然可以像部分转换的 ts 文件一样工作得很好，您可能只需要采取一些转换快捷方式。

我只建议对现有的已知良好工作 js 文件执行此操作，并且只有在您不能花时间转换它们时才这样做，这就是为什么我假设您在问这个问题。

将您的 javascript *.js 文件内容复制到新的 typescript *.ts 文件中。 解决所有 lint 投诉(您可能会因为 JS 代码的灵 active 而犯错) 即使用

// @ts-ignore

只有在必要时才使用“any”类型

在新的ts文件中导出其他文件使用的东西 即

export {varible}

通过依赖文件导入那些东西，即

import {varible} from "./variableFile"

这应该可以解决您的进口订单问题。