如何使用 JS 执行构建打字稿？答案

【问题标题】：How to build typescript with JS execution?如何使用 JS 执行构建打字稿？
【发布时间】：2019-09-20 14:55:25
【问题描述】：

我有将所有打字稿语法放在一起的功能，我将使用 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>

【问题讨论】：

标签： javascript angular typescript compilation

【解决方案1】：

没有。

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

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

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

【讨论】：