OTT 前端技术
ES 模块简介
ES 模块简介
ES 模块（ECMAScript Modules）是 JavaScript 中用于模块化开发的官方标准。它提供了一种以模块为单位进行代码组织、封装和复用的方式，使得 JavaScript 应用程序可以更加可维护、可扩展和可重用.ES 模块已经得到现代浏览器和 Node.js 的广泛支持。可以在浏览器端直接使用 ES 模块
浏览器中使用
在现代浏览器中，你可以直接在网页中使用 ES 模块
<!DOCTYPE html>
<html>
<head>
<title>ES 模块示例</title>
</head>
<body>
<script type="module">
export const message = "Hello, world!";
</script>
<script type="module">
import { message } from "./moduleA.js";
console.log(message); // 输出 'Hello, world!'
</script>
</body>
</html>
仅仅是这样？有没有可能从 cdn 引用 ES 模块代码？
自定义外部模块名
使用 ES 模块的现代方法是使用标签, 允许您你定义外部模块名称到相应 URL 的映射，这使得我们可以更轻松地在代码中包含和使用外部模块
- 首先定义模块名称和网络地址
<script type="importmap">
{
"imports": {
"browser-fs-access": "https://***/***/index.js"
}
}
</script>
- 然后就可以使用
<script type="module">
import { fn } from "browser-fs-access";
fn();
</script>
使用