es6模块化

暴露模块

1. 分别暴露： export 暴露内容
2. 统一暴露： export { xx,yy }
3. 默认暴露： export default 暴露内容

在es6中使用哪种引入取决于使用哪种暴露

引入模块

1. import { xx, yy } from ‘./utils/…’ (分别和统一暴露使用此种引入)
2. import module1(文件名) from ‘./module1’

分别暴露：

export function test() {
  console.log('test..');
}
export let data = 'zzz'

import { test, data } from '..'

统一暴露：

function test() {
  console.log('test..');
}
let data = 'zzz';
export { test,data }

import { test, data } from '..'

默认暴露：一个页面只能一个默认暴露

export default {
  name: 'x',
  age: 18
}

// export default [1,2,3]

import 文件名 from './module1'

当浏览器不识别es6模块化时 使用babel转换
babel可以

1. es6 => es5
2. jsx => js