如何将带有 <script type="module"> 的 umd 导入浏览器，包括 node_modules

Question

我可以在没有 Webpack 的情况下以某种方式转换打字稿代码并将其导入浏览器吗？我在代码中使用 node_modules，所以这有点复杂。

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

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

但它只导入了这个奇怪的东西：

Module {Symbol(Symbol.toStringTag): "Module"}

对我来说最好的选择是将其转换为 umd 以便它可以普遍导入浏览器/导入为 node_module.

Answer 1

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

例如，如果 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>

How can I import umd with <script type="module"> into browser including node_modules