（三）模块打包 ES6 modules

es6之中首次引入了模块的概念，模块概念终于在 js 中正式化啦

1. 与CommonJs 不同的是 导入导出语句

es6:

导入 import 

导出 export

2. 命名导出、默认导出、命名导入、默认导入

命名导出有两种方式：

第一种：

const name = 'zhouzhou'
const obj = {
  age: 11
}

export {
  name,
  obj
}

第二种：

export const name = 'zhouzhou'
export const obj = { age: 11 }

导入：

既然人家有了姓名，导出的时候就要指定姓名

import { name, obj } from './common.js'

全部导入

import common from './common.js'
// name
common.name
// obj
// common.obj

默认导出：export default 

默认导出就是没有名字

export default 'zhouzhouzhou'
export default function() {
  console.log(1)
}

一个文件只能有一个默认导出

import name from './name.js'

例子：

import React, { Component } from 'react'

其中 React 就是默认导出，Component 为命名导出