Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 在本地或全局导入组件之间是否存在大小差异?_Webpack - Fatal编程技术网

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

Webpack 在本地或全局导入组件之间是否存在大小差异?,webpack,Webpack,使用Vue,我有两个选项: 我可以将组件直接导入主Vue,例如: Vue.component('modal', require('./components/modal.vue')); 或者我可以在另一个组件中本地导入它,比如: //Inside Component import 'modal' from './components/modal' export default { components: {modal} } 现在如果我反复使用第二个选项。Webpack是否会反复导入

使用Vue,我有两个选项:

  • 我可以将组件直接导入主Vue,例如:

    Vue.component('modal', require('./components/modal.vue')); 
    
  • 或者我可以在另一个组件中本地导入它,比如:

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

  • 现在如果我反复使用第二个选项。Webpack是否会反复导入此组件?因此,创建更多的代码?

    不,每个模块在每个捆绑包中只指定一次(如果使用动态导入,它们可能会重复,最终会有多个块,尽管使用webpack 4会自动优化)

    当您使用import语句(
    import…from'.'
    )时,您不必担心它