带TypeScript transpiler的JSPM包

我对System.js和JSPM有了更多的了解，在这里我想将我的TypeScript源代码捆绑到一个JavaScript捆绑包中

现在，我可以将生成的JavaScript代码与以下内容捆绑在一起：

jspm bundle some/source/path someDestFile.js

但是，我需要先将我所有的TypeScript预构建到JavaScript中，然后再将其绑定到bundle中，发现自己只剩下所有编译（和分离）的JS文件。这远非理想

我浏览了jspm文档，但没有找到解决方案

我不想在我的浏览器中编译TypeScript，而是一个预编译的固体JavaScript包

我该怎么做

---

另外，我使用了TypeScript transpiler安装，如图所示

您可以使用JSPM builder进行安装。 您可以将所有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

---

您可以在这里看到完整的工作示例：

我认为这个问题已经过时了。我刚刚用jspm0.17.0-beta.31和plugin-typescript（）尝试了这一点，“jspmbundle”确实为我预先翻译了typescript

---

“jspm包sfx”现在是“jspm构建”。因为最初被接受的答案建议切换到bundle-sfx（build），这在现在是不必要的，所以我想澄清一下是使用bundle还是build的决定。我发现bundle对于加快开发更为有用，而build可以生成一个更小的文件并进行更多优化，所以您可能希望在开发期间使用bundle，在发布时使用build。请注意，如果在库上使用build，则导入库的代码将无法共享其依赖项。

这似乎是在编译。但我的进口商品不起作用。例如，我将如何导入angular 1.x？我尝试了从“angular”（角度）将导入*作为angular（角度）和导入angular=require（'angular'）。两者都不起作用。忘了我的

//

，它现在工作得很好！感谢非常棒的示例项目，它使一些事情更加清晰！