使用typescript和webpack进行代码分割

Code splitting with typescript and webpack

本文关键字:代码 分割 webpack typescript 使用      更新时间:2023-09-26

我想使用webpack提供的代码拆分功能来创建我的应用程序的几个包,使用typescript开发,并根据需要加载它们。我一直在网上寻找一个解决方案,我找到的最接近的答案是这个:https://github.com/TypeStrong/ts-loader/blob/master/test/execution-tests/babel-codeSplitting/require.d.ts

这个例子直接取自官方ts-loader文档,它展示了如何依赖require。确保创建一个分歧点

令我烦恼的是,在typescript中没有一种直接的方法来做到这一点。要求。确保函数必须在typescript中直接调用。需要提供以下声明文件,以允许typescript静默地消化该调用:

declare var require: {
    <T>(path: string): T;
    (paths: string[], callback: (...modules: any[]) => void): void;
    ensure: (paths: string[], callback: (require: <T>(path: string) =>   T) => void) => void;
};

是否有更优雅的方法来达到相同的结果?

是否有更优雅的方法来达到相同的结果

。不同的运行时有不同的(不一致的)api来按需加载模块。TypeScript在这里选择了不可知论。

<标题>更多h1> 于延迟加载的一些注意事项以及它在类型安全方面的工作方式:https://basarat.gitbooks.io/typescript/content/docs/project/external-modules.html