typescript - 带有 TypeScript 转译器的 JSPM bundle

Question

我越来越喜欢 System.js 和 JSPM，我已经到了想要将我的 TypeScript 源代码捆绑到 JavaScript 包中的地步。

现在我可以将生成的 JavaScript 代码与以下内容捆绑在一起:
jspm 捆绑一些/源/路径 someDestFile.js


但随后我需要先将我所有的 TypeScript 预构建到 JavaScript 中，然后然后捆绑，发现自己剩下所有已编译(和分离)的 JS 文件。这远非理想!

我浏览了 jspm 文档 here ，但没有找到解决办法。

明确一点，我不想在我的浏览器中编译 TypeScript，而是一个预编译的可靠 JavaScript 包。

我该怎么做？

附言我使用了 TypeScript 转译器安装，如图 here

Answer 1

您可以使用 JSPM 构建器来完成。您可以将所有 typescript 文件和 bundlesfx 捆绑到一个文件中，像这样配置 jspm.conf.js:

System.config({
    defaultJSExtensions: true,
    transpiler: "typescript",
    typescriptOptions: {
        "module": "amd",
        "experimentalDecorators": true
    },
    ...
    packages: {
        "app": {
            "main": "index",
            "defaultExtension": "ts",
            "meta": {
                "*.ts": {
                    "loader": "ts"
                }
            }
        }
});

然后运行:

jspm bundle-sfx src/index dist/app.js

您可以在此处查看完整的工作示例:https://github.com/b091/ts-skeleton/