Vue.js中用webpack合并打包多个组件并实现按需加载(2)

在组件模板或者路由映射等使用其中某一个组件的地方，可以使用类似于 getCommonComponent('ComponentA') 这样的函数调用进行组件设置，在路由映射中的使用示例如下：

routes: [ { path: 'https://www.jb51.net/', name: 'Hello', component: Hello }, { path: '/a', name: 'A', component: getCommonComponent('ComponentA') }, { path: '/b', name: 'B', component: getCommonComponent('ComponentB') }, { path: '/c', name: 'C', component: getCommonComponent('ComponentC') } ]

最终打包生成的文件列表如下图所示，其中的 0.a5a1bae6addad442ac82.js 包含了 ComponentA、ComponentB、ComponentC 这三个组件。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

您可能感兴趣的文章: