问答

自定义vue组件库内异步加载子组件

作者:admin 2021-05-07 我要评论

自己写了个组件库,打包成commonjs2包。其中一个组件比较大,有一些子组件,是需要动态异步加载的。 () = import(/* webpackChunkName: "HMetaForm/metaSetting/...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

自己写了个组件库,打包成commonjs2包。其中一个组件比较大,有一些子组件,是需要动态异步加载的。

image.png

() => import(/* webpackChunkName: "HMetaForm/metaSetting/Attach" */ './metasetting/Attach')

但是到项目中引用的时候,因为组件库里打包好的代码不会再编译了,于是加载了当前url下相对的./metasetting/Attach这个路径

如:http://www.sss.com/abc/def/metasetting/Attach

加载失败了,而且用webpackChunkName打包的文件,并不是commonjs2,也用不了

求教,这种复杂的组件,异步加载子组件是怎么做的

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 自定义vue组件库内异步加载子组件

    自定义vue组件库内异步加载子组件

  • markdown在web的显示如何自定义左边红

    markdown在web的显示如何自定义左边红

  • 全局组件中如何针对个别页面添加功能?

    全局组件中如何针对个别页面添加功能?

  • Prettier 和 ESLinit 在 swtich case

    Prettier 和 ESLinit 在 swtich case

腾讯云代理商
海外云服务器