在本地或全局导入组件之间是否存在大小差异？

Question

使用Vue我有两个选择：

1. 我可以将组件直接导入到我的主Vue中，例如：

   Vue.component('modal', require('./components/modal.vue')); 
   

2. 或者我可以在其他组件中本地导入它，让我们说：

   //Inside Component
   import 'modal' from './components/modal'
   export default {
      components: {modal}
   }
   

现在，如果我一遍又一遍地使用第二个选项。 Webpack会一遍又一遍地导入这个组件吗？那么，创建更多代码？

Answer 1

不，每个模块每个模块只会被指定一次（如果使用动态导入，它们可能会重复，最终会有多个块，但是对于webpack 4，它会自动优化）。

当您使用import语句（import ... from '...'）时，您不必担心它