Webpack 在本地或全局导入组件之间是否存在大小差异?
使用Vue,我有两个选项: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.component('modal', require('./components/modal.vue'));
//Inside Component
import 'modal' from './components/modal'
export default {
components: {modal}
}
现在如果我反复使用第二个选项。Webpack是否会反复导入此组件?因此,创建更多的代码?不,每个模块在每个捆绑包中只指定一次(如果使用动态导入,它们可能会重复,最终会有多个块,尽管使用webpack 4会自动优化) 当您使用import语句(
import…from'.'
)时,您不必担心它