ES6模块化和CommonJS模块化

我之前学习模块化的时候，曾在node中使用过，它采用的时CommonJS模块化标准，源自于JavaScript社区自发产生。

CommonJS使用方法为：

导入：require('模块名')

模块对外共享成员使用module.exports对象

 

ES6的模块化规范时浏览器端和服务器端通用的模块化开饭规范，同时ES6模块化使用的关键字import，export，不再使用方法。

 

在node中默认只可以使用CommonJS模块化标准，如果想使用ES6模块化，需要下载版本16以上，并在package.json根节点中添加"type":"module"。

 

在ES6模块化方法主要有三种。

默认导入导出、按需导入导出、直接导入并执行模块中的代码

 

默认导入导出（每个模块只允许默认导出一次）

export default 默认导出的对象

import 接受名称 form '模块标识符（路径）'

 

按需导入导出（每个模块中可以使用多次，导入和导出的成员名称必须一致，可以使用as关键字重命名，按需导入可以和默认导入一起使用）

export 导出成员

import {导入的成员} form '路径标识符'

 

 

直接导入并执行模块中的代码

import '模块路径'