webpack模块导入导出

es6 export

add-content.js

export default {
  a: '1',
  b: function() {
    document.write('my first webpack1234')
  }
}
import addContent from './add-content.js'
addContent.b()

commonjs module.exports

module.exports = {
  a: '2',
  b: function() {
    console.log(3)
  }
}
const exportContent = require('./export-content.js')
console.log(exportContent.a)
exportContent.b()

默认导出-导入的名字任意

导出字符串：
export default '123'
导出class
export default class {...}
导出匿名函数
export default function () {...}

导出多个

const aaa = 'aaa'
const bbb = 'bbb'
export {aaa, bbb}
import {aaa, bbb} from './add-content.js'
console.log(aaa)
console.log(bbb)
import * as all from './add-content.js' // 可以把所有导入的变量作为属性值添加到<myModule>对象中，从而减少对当前作用域的影响。
console.log(all.aaa)
console.log(all.bbb)

两种方式组合

import addContent, {aaa, bbb } from './add-content.js'

复合写法待补充。。。