时间戳

首页 > 解决方案 > 如何使用 JS 执行构建打字稿？

javascript - 如何使用 JS 执行构建打字稿？

问题描述

我有将所有打字稿语法放在一起的功能，我将使用 pre 在 UI 中显示，有没有办法在我添加到前端之前将此代码编译？我在谷歌上找不到任何来源。

所有打字稿代码都分配给str应该编译的。

main.js

    function buildTypescript(data) {
        var str = "import {Api as DK} from '@SDK/wrapper-sdk';

        import {
            IErrorDetailsHeader,
            IHeader
        } from '@cSDK/combinator-interfaces/dist/common/Header.Model';

        import {
            IDrug,
            IError,
IGetRefillsParam
        } from '@SDK/interface/Drug.Model';

       SDK.setConfig({
            env: null
        });

        let param: IGetRefillsParam = {
            "apiKey": "73a4ef3",
            "tokenId": "b87ab2",
            "startDate": "",
            "endDate": ""
        };

       SDK.Drug.getDrugs(param, (result: {
            header: IHeader
            details: IResponse
        }) => {
            console.log(result);
        });
        "

在这里编译

    i want to compile `str` here to make sure typescript is valid before display on UI 

    $('#request_method_TS').text(str);
}

main.html

<div class="tab-content">
<pre id="request_method_TS" style="margin: 5px;"></pre>
</div>

标签： javascriptangulartypescriptcompilation

解决方案

不。

您需要打字稿编译器（转译器）来执行此操作，并且它在您的客户端设备上不存在。

您可以通过在服务器上提供 api 来实现这一点（将 str 发送到服务器，编译它并将结果发送回），但我不确定这是否是一项容易完成的任务，主要是因为引用路径。

如果您只有简单的类或模型（甚至是固定引用），则可以完成，但除此之外（例如引用其他库）可能会非常耗时才能正确完成。

推荐阅读