es6模块化
- 每个 js 文件都是一个独立的模块
- 导入其它模块使用 import 关键字
- 向外共享模块使用 export 关键字
commonJS规范(nodejs)
- 导入其它模块使用 require关键字
- 向外共享模块使用 module.exports关键字
在nodejs中搭建学习es6模块化的环境

让nodejs支持ES6模块化

node.js 中默认仅支持 CommonJS 模块化规范，如果想基于 node.js 体验与学习 ES6 的模块化语法，需要按照如下两个步骤进行配置

注意：配置之后，则只能使用ES6模块化语法，不能再使用CommonJS语法了

基本文件结构

node index.js

导出使用别名

导入使用别名

注意，直接写import obj from './tool.js'会报错。

此时可以任意使用变量名，即：obj可以改成其他名字。

- index.html
- index.js
- tool.js

index.html


<!DOCTYPE html>
<html lang="zh">
  <script type="module" src="./index.js"></script> 
</html>

index.js


import {a,b} from './tool.js'
console.log(a,b)

tool.js


export const a = 1;
export const b = 2;

需要两个步骤，就可以在chrome浏览器感受es6的模块化了

启用es6的特性.

打开chrome浏览器，在地址栏中输入 chrome://flags; 找到experimental javascript，启用它；最后重启chrome浏览器。（注，我的版本是：chrome74.0.3729.131）

2. 修改index.html中引入.js 的方式

注意到上面的type="module"