1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > webpack5 模块联邦 single-spa基座微前端 systemjs

webpack5 模块联邦 single-spa基座微前端 systemjs

时间:2021-02-07 03:47:36

相关推荐

webpack5 模块联邦 single-spa基座微前端 systemjs

最近比较闲,看了一些前端微前端的内容 流行的大概分为两种方式

注意:项目实战可以用一下qiankun(基座微前端)

一种是webpack5 模块联邦用webpack5创建2个项目,项目中创建组件,这些组件就可以在2个项目中调用通过插件ModuleFederationPlugin共享组件目前该配置只能自己用webpack搭建项目,脚手架生成项目存在不少问题该方式仅支持同一技术栈项目

plugins: [new ModuleFederationPlugin({name: "app_two",library: {type: "var", name: "app_two" },filename: "remoteEntry.js",exposes: {Search: "./src/Search"}})]

一种是基座微前端他们依赖systemjs,封装成框架,比如 single-spa安装全局 single-spa (最新版本有bug,建议2.0.3版本)执行命令 create-single-spa 创建项目三种应用类型,先创建根应用,创建多个子应用。single-spa application / parcel --子应用in-browser utility module (styleguide, api cache, etc) --工具应用single-spa root config --根应用

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。