ES Module

Posted 看见了

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES Module相关的知识，希望对你有一定的参考价值。

浏览器使用ES Module

// a.js
export default "hello world"
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="module">
        import a from "./a.js";
        console.log(a) // hello world
    </script>
</body>
</html>

注意：必须在一个服务下打开html，否则会报错。

特点

  1. ES module是静态的，不可以动态加载语句，只能声明在文件的顶部，代码发生在编译时；
  2. ES module导出的是引用值，且状态为可读，不能被修改

以上是关于ES Module的主要内容，如果未能解决你的问题，请参考以下文章

CommonJs和ES Module

CommonJs和ES Module

ES6 标准入门-Module

JavaScript模块化：从闭包到ES Module

ES6-Module与CommonJs

[react] Module not found: Can't resolve 'schedule' in 'C:Usersadcaldvmtn7myapp (代码片段