import的两种用法的选择?

Question

用法一:

// main.js
import bar from 'bar.js'
import 'foo.js'
console.log(bar)

//foo.js
import bar from 'bar.js'
bar.foo = 'foo'

//bar.js
export default bar

用法二:

// main.js
import bar from 'foo.js'
console.log(bar)

//foo.js
import bar from 'bar.js'
bar.foo = 'foo'
export default bar

//bar.js
export default bar

webpack打包后两种的主要区别在哪里呢? 应该怎么选择呢?

Answer 1

应该没有区别，webpack在打包的时候先把import按一定顺序加载好了，不会重复加载，只要不要相互引用就行