javascript - 如何用 JS 执行构建 typescript？

Question

我有一个功能，可以将所有 typescript 语法放在一起，我将使用 pre 在 UI 中显示这些语法，有没有办法在我添加到前端之前将此代码进行编译？我在谷歌上找不到任何来源。

所有 typescript 代码都分配给应该编译的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>

Answer 1

没有。

您需要 typescript 编译器(转译器)来执行此操作，但您的客户端设备上不存在它。

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

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