带有 TypeScript 转译器的 JSPM 捆绑包

2024-01-28

我对 System.js 和 JSPM 有了更多的了解,现在我想将 TypeScript 源代码捆绑到 JavaScript 包中。

现在我可以将生成的 JavaScript 代码与以下内容捆绑在一起: jspm bundle some/source/path someDestFile.js

但随后我需要先将所有 TypeScript 预先构建为 JavaScript,然后then捆绑,发现自己留下了所有已编译(和分离)的 JS 文件。这远非理想状态!

我浏览了 jspm 文档here https://github.com/jspm/jspm-cli/wiki/Production-Workflows#creating-a-self-executing-bundle,但没有找到解决办法。

需要明确的是,我不想在浏览器中编译 TypeScript,而是预编译的可靠 JavaScript 包。

我该怎么做呢?

附:我使用了 TypeScript 转译器安装,如图所示here https://github.com/Microsoft/TypeScriptSamples/tree/master/jspm


您可以使用 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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

带有 TypeScript 转译器的 JSPM 捆绑包 的相关文章

随机推荐