带有TypeScript转换器的JSPM Bundle

Question

我正在进入System.js和JSPM，我已经到了想要将我的TypeScript源代码捆绑到JavaScript包中的地步。

现在，我可以将生成的JavaScript代码jspm bundle some/source/path someDestFile.js ： jspm bundle some/source/path someDestFile.js

但是我需要首先将我的所有TypeScript预先构建到JavaScript中， 然后捆绑，找到自己留下的所有已编译（和分离）的JS文件。 这远非理想！

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

为了清楚起见，我不想在我的浏览器中编译TypeScript，而是预编译的实体JavaScript包。

我该怎么做呢？

PS我用的打字稿transpiler安装所看到这里

Answer 1

您可以使用JSPM构建器执行此操作。 您可以将所有打字稿文件和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

你可以在这里看到完整的workign示例： https ： //github.com/b091/ts-skeleton/

Answer 2

我相信这个问题已经过时了。 我刚刚使用JSPM 0.17.0-beta.31和plugin-typescript（ https://github.com/frankwallis/plugin-typescript ）尝试了这个，而“jspm bundle”确实为我预翻译了TypeScript。

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