模块化规范之ES Modules && CommonJS 规范学习笔记_es module commonks

作者：IT小白 | 2024-07-22 00:26:57

踩

es module commonks

模块化开发

一、模块化发展的过程
二、ES Modules 特性
三、ES Modules 导入导出
四、ES Modules 浏览器兼容性问题
五、ESModules 在 Node 环境中的支持
- 1. 通过修改文件后缀名为 .mjs 的形式，运行node 命令的时候指定命令行参数为如图
- 2. 在package.json 文件中指定 type = module
六、ES Modules 在 Node 环境中与 CommonJS 的交互
七、ES Modules 在 Node 环境中与 CommonJS 的差异
八、通过babel也可以在node环境中使用ESM

一、模块化发展的过程

下面是一篇关于前端模块化发展的文章

模块化在不同环境的使用：
浏览器环境： ES Modules 模块化规范
Node环境： CommonJS 模块化规范

二、ES Modules 特性

<!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标签执行时立即执行加载脚本， defer 属性会在页面渲染完之后执行脚本 -->
  <!-- 给script标签 设置type = module 来告知当前script标签中的代码采用ESM的规范来执行 -->
  <!-- <script type="module"></script> -->
  <!-- ESM的基本特性 -->
  <!-- 1. 自动采用严格模式 -->
  <script type="module">
    console.log(this) // undefined
  </</
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/862764

模块化规范之ES Modules && CommonJS 规范 学习笔记_es module commonks

模块化开发

一、模块化发展的过程

二、ES Modules 特性

模块化规范之ES Modules && CommonJS 规范学习笔记_es module commonks