Javascript：Webpack+Typescript+Namespace（内部模块）

Question

我们正在尝试使用 Webpack 编译打字稿代码，其中我们将“模块”（现在定义为外部模块）替换为命名空间（定义为内部模块）。

进行此更改主要是为了符合 typescript 的建议，并确保在 Karma 上运行基于 Jasmine 的单元测试时不需要依赖于“require”。Karma-typescript 预处理器已配置，测试用例运行良好，无需“require”。

命名空间的更改使我们消除了对 require 的依赖，这在单元测试和通过 tsc 编译代码时效果很好。但是在使用打字稿加载器（我尝试过 ts-loader、Webpack-typescript）通过 Webpack 进行编译时，输出仅包含入口 ts 文件的代码，而不包含其依赖项。Tsc 已经有一个选项 (--outFile) 可以将输出连接到一个文件中，但两个加载器都不使用它。

有没有办法（加载器或加载器的配置）解决依赖关系并将其捆绑到 Webpack 生成的单个输出 js 中？

Answer 1

\n

进行此更改主要是为了符合 typescript 的建议，并确保在 Karma 上运行基于 Jasmine 的单元测试时不需要依赖 \xe2\x80\x9crequire\xe2\x80\x9d

\n

\n\n

你不需要这样做。您应该--module:commonjs在任何地方使用并捆绑前端+将其保留为使用节点运行测试（节点本身理解commonjs）。

\n\n

例子

\n\n

我用 alm 来做这个https://github.com/alm-tools/alm/

\n