import的两种用法的选择?

Question

用法一:

// main.jsimport bar from 'bar.js'import 'foo.js'console.log(bar)//foo.jsimport bar from 'bar.js'bar.foo = 'foo'//bar.jsexport default bar

用法二:

// main.jsimport bar from 'foo.js'console.log(bar)//foo.jsimport bar from 'bar.js'bar.foo = 'foo'export default bar//bar.jsexport default bar

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

Answer 1

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