浏览器中使用原生的 ESM

浏览器中使用原生的 ESM

通过script[type="module"]可直接在浏览器中使用原生 ESM

1
2
3
4
5
<script type="module">
  import arrayUniq from "https://cdn.jsdelivr.net/npm/array-uniq/index.js";

  console.log(arrayUniq([1, 2, 3, 2, 3])); // [1, 2, 3]
</script>

使用 ​​script[type="importmap"]​​ 统一配置导入路径

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="importmap">
  {
    "imports": {
      "array-uniq": "https://cdn.jsdelivr.net/npm/array-uniq/index.js"
    }
  }
</script>

<script type="module">
  import arrayUniq from "array-uniq";

  console.log(arrayUniq([1, 2, 3, 2, 3])); // [1, 2, 3]
</script>

使用 ​​assert​​ 指定导入文件的类型

1
2
3
<script type="module">
  import data from "./data.json" assert { type: "json" };
</script>