深入webpack之bundle

现有以下三个文件

  • index.js
import a from './a.js'
import b from './b.js'
console.log(a.getB())
console.log(b.getA())
  • a.js
import b from './b.js'
const a = {
  value: 'a',
  getB: () => b.value + 'from a.js'
}
export default a
  • b.js
import a from './a.js'
const b = {
  value: 'b',
  getB: () => a.value + 'from b.js'
}
export default b

很遗憾,以上三个文件不能运行

因为浏览器不支持直接运行带有import / export关键字的代码

怎么在浏览器运行 import / export

  • 不同浏览器功能不同
    现代浏览器可以通过

你可能感兴趣的:(深入webpack之bundle)