64.在游览器直接使用esMoudle

我们知道我们在游览器是可以直接使用原生的ESM, cdn.jsdelivr.net/npm/array-u… 这是一个导入数组去重函数的js文件

export default function arrayUniq(array) {
	return [...new Set(array)];
}

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

  <script type="module">
    import arrayUniq from "https://cdn.jsdelivr.net/npm/array-uniq/index.js"
    arrayUniq([1, 2, 3, 2, 3])   // [1, 2, 3]
  </script>

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

  <script type="importmap">
    {
    "imports": {
    "array-uniq": "https://cdn.jsdelivr.net/npm/array-uniq/index.js"
    }
    }
    </script>

  <script type="module">
    import arrayUniq from "array-uniq"
    arrayUniq([1, 2, 3, 2, 3])   // [1, 2, 3]
  </script>