使用TypeScript和Webpack进行代码分割

Question

使用TypeScript和Webpack进行代码分割

javascripttypescriptwebpackcode-splittingts-loader

4

我希望利用webpack提供的代码分割功能，为使用typescript开发的应用程序创建多个包并按需加载它们。我已经在网上搜索了一段时间，找到了最接近的答案： https://github.com/TypeStrong/ts-loader/blob/master/test/execution-tests/babel-codeSplitting/require.d.ts 这个示例直接取自官方ts-loader文档，并展示了如何依赖于require.ensure来创建一个分割点。

令我困扰的是，在typescript中没有一种直接的方法来做到这一点。 require.ensure函数必须直接在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;
};

有没有更优雅的方法来实现相同的结果？

- Giovanni Di Santo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- basarat · Answer 1

有没有更优雅的方法来实现相同的结果？

没有。不同的运行时具有不同（不一致）的API，用于按需加载模块。因此，TypeScript选择在这里保持中立。

更多

关于延迟加载及其在类型安全方面的工作原理的一些说明：https://basarat.gitbooks.io/typescript/content/docs/project/external-modules.html