ES6的模块语法 (基于webpack基类演示)

1. export default 默认导出一个模块 ( 简单类型 + 复杂类型 ) => export default 和 import

• 导出 : export default

• 默认 只能导出一个

  let str = 'abc'
  let num = 20;
  let obj = { name :'zs' }
  
  export default num
  // export default obj
  

• 导入 : import

• 导入的名字可以任意

• import res from './a.js'
  console.log(res)
  

2. export 导出多个模块, 都放在一个对象里 => export 和 import

• 导出 : export , 可以导出多个 , 导出的都放到了"对象"里面

• // 逻辑模块 
  // 登录一个函数
  export let login = () =>  {
    console.log('登录');
  }
  // 注册一个函数
  export let register = () =>  {
    console.log('注册');
  }
  

• 导入 : import

• // 方式1
  import * as res from './a'
  console.log(res);
  res.login()
  res.register()
  
  // 方式2  Es6解构{}
  import { login, register as reg } from './a'
  login()
  register()
  

3. import 模块 => 导入第三方模块

• 说明: 从 node_modules 里面拿到 axios 这个模块

import axios from 'axios';