Typescript 如何使用<；导入umd；脚本类型="；模块"&燃气轮机；进入浏览器，包括节点模块

我是否可以在不使用网页包的情况下传输typescript代码并将其导入浏览器？我在代码中使用了node_模块，所以这使得它有点复杂

我已尝试将其作为模块导入：

<script type="module">
   import * as foo from '../../dist/index.js';
   console.log(foo);
</script>

---

对我来说，最好的选择是将其作为umd进行传输，这样它就可以被普遍导入浏览器/作为节点模块导入。

实际上它取决于导入文件的内容

例如，如果index.js如下所示：

export const x = "Hello World"
export function y() { console.log( "y()" ) }

然后，对于代码，您应该使用

foo.x

访问

x

值，或者使用

foo.y（）

调用

y（）

函数

您还可以使用另一种语法仅获取一个导出对象：

<script type="module">
   import {x} from '../../dist/index.js';
   console.log(x);
</script>

从“../../dist/index.js”导入{x}；
控制台日志（x）；

实际上它取决于导入文件的内容

例如，如果index.js如下所示：

export const x = "Hello World"
export function y() { console.log( "y()" ) }

然后，对于代码，您应该使用

foo.x

访问

x

值，或者使用

foo.y（）

调用

y（）

函数

您还可以使用另一种语法仅获取一个导出对象：

<script type="module">
   import {x} from '../../dist/index.js';
   console.log(x);
</script>

从“../../dist/index.js”导入{x}；
控制台日志（x）；