{"_id":"@calibur/mfe-loader","_rev":"3-8fa272a685f4b4f97133965f4352268b","name":"@calibur/mfe-loader","dist-tags":{"latest":"0.3.0"},"versions":{"0.1.0":{"name":"@calibur/mfe-loader","version":"0.1.0","main":"./dist/MFELoader.umd.js","scripts":{"build":"vue-cli-service build --target lib --name MFELoader src/main.js"},"devDependencies":{"@vue/cli-plugin-babel":"~4.5.0","@vue/cli-service":"~4.5.0"},"description":"Why - 当你使用微前端作为开发框架的时候，子应用和父应用之间是完全无依赖耦合的，这样在`ToB`的项目中比较好，但是在`ToC`的项目中 会存在性能问题 - 面对`ToC`的场景，我们可以使用`webpack5`的`Module Federation`来实现，也可以使用统一依赖的微前端方案 - 对于`Module Federation`，它的限制我还不清楚，未来再研究吧 - 对于微前端，可以使用这个包来在开发子包时注入依赖","_id":"@calibur/mfe-loader@0.1.0","_nodeVersion":"12.13.1","_npmVersion":"7.5.4","dist":{"integrity":"sha512-F9D0flpod9+gZ4J/PBqneIJxCiRrQH87LIsUm8dkN93tCIy5tFuHGtTzCk+8UAJUD+pvSkihnB3CibiWBqInGg==","shasum":"604a92ea52ecee127588270cd9552e560f2ea92f","tarball":"https://registry.npmjs.org/@calibur/mfe-loader/-/mfe-loader-0.1.0.tgz","fileCount":12,"unpackedSize":60122,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbaKRCRA9TVsSAnZWagAAtZYP/3Z3I3NoRbw9bPg9zx5T\nJ9JAmL+rGRVV4ft7J+PUL95TFZpxn2UZyH8vpIhy5uqhotq2AU6Pzt85dmSV\nbk2PTJvXt2fo8ffjprhC6dOwnjMHvowfpkj91m/fWYvE8EuZzAwEWx14NtxF\nAGXVcS661Qg7bVMdpQgU7ZAhFX4LXn/jtI3hYMotGbAYT/Ju/+HdemHvAwvh\nlC/Fw5otxN+jF0LAiCr6PIQuVgCcfZzPnqjgzPAEZjswIkOBJWcxUeN12vPu\noXBvsBC/bE+10GK5Ylv67sp1Ozt6/TUNKzi4B15IMDDEY4msw+xRSUHGgBXy\nyuUnrFHXBFAfYe5JNJ5Rlx3WaVnQVcPBCTe17Nm4Rxg3lgdS2LaCGZXkQcX/\nbjHnLqofkmmVIm0kM9PiEJ3cteTyVELhPMwG5bgOoZ6E0RjULxCz8zlzavlM\n8zYLGPi25pJO5PP87dad801cO1xiAvI0W4CDZ0hDMqJsmh5dL1xka06JSguo\nykFdXmRwi8KocWnr8Nk1VGdY81CEn+P0urkbZplrJzUTMRB/6rggmTF7KvfY\n8XS7Of7AGSQnooKf9bpJxnJlmKCQ5YSidWiWVlSResNAr6uHgBkKLr52pmSu\noNn2xgs4ySMwEGgHj3ZqIJ/Tkjk2u8ZPjTvUXLoj0Nwitc7Avnw/Et1P8WgG\nNeB8\r\n=+wor\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFfCi17Cp3FNGRGjkdCYXW/TycfZsi6EjhOECQZQsfUvAiA4jsPO05AkEylL+9DqYctKaTTlm8NBiQWBSALnky779g=="}]},"_npmUser":{"name":"falstack","email":"icesilt@outlook.com"},"directories":{},"maintainers":[{"name":"falstack","email":"icesilt@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mfe-loader_0.1.0_1617797777353_0.9159450552084736"},"_hasShrinkwrap":false},"0.2.0":{"name":"@calibur/mfe-loader","version":"0.2.0","main":"./dist/MFELoader.umd.js","scripts":{"build":"vue-cli-service build --target lib --name MFELoader src/main.js"},"devDependencies":{"@vue/cli-plugin-babel":"~4.5.12","@vue/cli-service":"~4.5.12"},"description":"Why - 当你使用微前端作为开发框架的时候，子应用和父应用之间是完全无依赖耦合的，这样在`ToB`的项目中比较好，但是在`ToC`的项目中 会存在性能问题 - 面对`ToC`的场景，我们可以使用`webpack5`的`Module Federation`来实现，也可以使用统一依赖的微前端方案 - 对于`Module Federation`，它的限制我还不清楚，未来再研究吧 - 对于微前端，可以使用这个包来在开发子包时注入依赖","_id":"@calibur/mfe-loader@0.2.0","_nodeVersion":"12.13.1","_npmVersion":"7.5.4","dist":{"integrity":"sha512-hjRLBuDDmNwMr1xbqUW8Uf7OU7frx9VtNTXyjLzWbjg2S78IDh0yHW6/Fj+M9+j4NcoKPsWHIKgFKcCWK5kDgA==","shasum":"d6f2b3909a7f4845c593f70f7a70ae8d4120ab65","tarball":"https://registry.npmjs.org/@calibur/mfe-loader/-/mfe-loader-0.2.0.tgz","fileCount":12,"unpackedSize":60356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbljMCRA9TVsSAnZWagAAbtoP/07bgsqd9hGqWIz1gEwY\nbPxhfTH65PsR5L8bABQZicjrLBnDj5HCK3ZEfq0pTz3PGt/8tuLsSCv5yHIK\npvDLLc54kVTBS7hH5KJimyIVZr5Jbl6adUM0kv4B2O2TwfATdFuSBhr3Cdfb\n+KM2swvDDSDeJ+BBNb3OOYdSfYs6RVf9HPK9/GrcOreuAQ9QO69TUiyQovQu\neare5FlmoOU/UzUu9eT3AXM3qgF1KemoH29GWk37QeVj5JwV8GnaQw/bCMz6\nRnKL2VhTIf1IRacRMYaU42gnlH5wrvHFjVG70L/KbTcGirjovL+hNz78sE3V\n7C0CQaJ40oyFPd7e96+OH1nfrAWablOO7HECKWzRONBsQOfUcDuEQmIR2nrb\n9wRucc64t97iYpasObN4JZaDVHPeB7K2u4v7oB9AWZB/3JKrfyMS8chDY0oG\nxMvkJSs5/ZDJkDX/gffM7TEBdl4Bm90XhIybT/MeQsnCL5U+xftAVuogrV7K\ntjr7dwOmPwjFo7Vqf2mVRAPOKRKJ/gy5S3IovlvKcoPJMFMZmS7YXCtfYgLk\nWG8XoMts6VU3zOJoMSPPNRZRNmYxg2uffJXAfTquj8DR3lqC37mjtK4w79pM\n9Ei2i+cTga+cKFsGp/JWhYrl06z9dPe3mohtDxZm2Uzt4hxoN1zATrbDwm2p\nRCPD\r\n=KWWw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzupPd86dkYoUQaEVDJr3ohWVK3/MZyTiIwjFv98vn6AIhAKo5wlRwpNfWEIDcSKAgaGRs6fOSYwRKp2m9CQrhs5Bv"}]},"_npmUser":{"name":"falstack","email":"icesilt@outlook.com"},"directories":{},"maintainers":[{"name":"falstack","email":"icesilt@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mfe-loader_0.2.0_1617844428315_0.02199107343145168"},"_hasShrinkwrap":false},"0.3.0":{"name":"@calibur/mfe-loader","version":"0.3.0","main":"./dist/MFELoader.umd.js","scripts":{"build":"vue-cli-service build --target lib --name MFELoader src/main.js"},"devDependencies":{"@vue/cli-plugin-babel":"~4.5.12","@vue/cli-service":"~4.5.12"},"description":"Why - 当你使用微前端作为开发框架的时候，子应用和父应用之间是完全无依赖耦合的，这样在`ToB`的项目中比较好，但是在`ToC`的项目中 会存在性能问题 - 面对`ToC`的场景，我们可以使用`webpack5`的`Module Federation`来实现，也可以使用统一依赖的微前端方案 - 对于`Module Federation`，它的限制我还不清楚，未来再研究吧 - 对于微前端，可以使用这个包来在开发子包时注入依赖","_id":"@calibur/mfe-loader@0.3.0","_nodeVersion":"12.13.1","_npmVersion":"7.5.4","dist":{"integrity":"sha512-hLFTE/rio1KvB+Xw1BZvsAxKyTaZemgkus8qYQkNjLWfunkIOitoEgcuMw6Wo/2VJL8/8XK8ajNdozFpkuPmDw==","shasum":"ba3aead135bd85b4ac89a825f926bfa2c4323742","tarball":"https://registry.npmjs.org/@calibur/mfe-loader/-/mfe-loader-0.3.0.tgz","fileCount":12,"unpackedSize":215852,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbmDhCRA9TVsSAnZWagAA9DgP/3wf81/TOSD9y2Whks05\nCzZrx3M+gO3L9jpF9lQY4roe9Bh3MPuRRGGE/quEbt/C354W/eYDGxhxvkOq\nQfafvl1QNCwA3sNMWprqIilaU8W4twtMzn/qO6eLZG4yAEFFpC4Q/ysQ9CvD\nDeHK2HX3N3onSsYpB5IL0MfBDdfevyfJIZgHvr/qypLUwnCJw4WKbZcGoEoV\nFTfW15sq/EHggM3gVe+iZEbRuzYMys3PYxlAq/dSfteLOcVt8u6Er29ZT6SA\nbQQF+2UidC5KSyt6HN+ndvUT/dSKjF1jAaGnwUN7h5K4++vZmglgyAEZRn9T\n7QB9h8GtiRjIUpIc+Szq6YOUt+OtVXP1JfbaSfjHklELcd8OJoxe2d6kaQPG\nGYLYakcJg1vxiW7kG+eu6T6Ew37wOABo0hfuKAO6YdAsxR4G1v2+0v6lZKUT\nnj6iphbEK+CCj9lASWZ6rK6hxJUmyL/07cna5oAi77OWcX/ii8VDOjNEM86E\n5zXb7QNs8oawPvEr/6eA6cXQSFdLq2btVBxijab6Z+m5fyJHFtO2KSWoF66W\nqtAGLO5yMQVz6Jbtg4nnaBklTkAIQpxR5qI3+gbE5a8AcBk7Tgz3igRVEwKA\n0pwkLAUuyQZ6WukN5zMamH7UhigCWX3bIEx6fvTqJGW2oNn+2cKUqSwU0PBs\n1H0W\r\n=5lEh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPbo5VTM8drdRlUiIXievvKAywUOvJ6M3rjV8L8bSpTAIgQKd2+vff0GM+/RzW5ng+ORwaOZME5CzOSyo1kYqCCNE="}]},"_npmUser":{"name":"falstack","email":"icesilt@outlook.com"},"directories":{},"maintainers":[{"name":"falstack","email":"icesilt@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mfe-loader_0.3.0_1617846496856_0.6061751304834191"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-07T12:16:17.168Z","0.1.0":"2021-04-07T12:16:17.460Z","modified":"2022-04-04T21:32:29.695Z","0.2.0":"2021-04-08T01:13:48.461Z","0.3.0":"2021-04-08T01:48:17.039Z"},"maintainers":[{"name":"falstack","email":"icesilt@outlook.com"}],"description":"Why - 当你使用微前端作为开发框架的时候，子应用和父应用之间是完全无依赖耦合的，这样在`ToB`的项目中比较好，但是在`ToC`的项目中 会存在性能问题 - 面对`ToC`的场景，我们可以使用`webpack5`的`Module Federation`来实现，也可以使用统一依赖的微前端方案 - 对于`Module Federation`，它的限制我还不清楚，未来再研究吧 - 对于微前端，可以使用这个包来在开发子包时注入依赖","readme":"Why\n- 当你使用微前端作为开发框架的时候，子应用和父应用之间是完全无依赖耦合的，这样在`ToB`的项目中比较好，但是在`ToC`的项目中\n会存在性能问题\n- 面对`ToC`的场景，我们可以使用`webpack5`的`Module Federation`来实现，也可以使用统一依赖的微前端方案\n- 对于`Module Federation`，它的限制我还不清楚，未来再研究吧\n- 对于微前端，可以使用这个包来在开发子包时注入依赖\n\nUsage\n\n```shell\nyarn add @calibur/mfe-loader\n```\n\nImport\n\n```javascript\nimport bootstrap from '@calibur/mfe-loader'\n\nconst dependencies = [\n  {\n    global: 'Vue',\n    resource: [\n      'https://unpkg.com/vue@next'\n    ]\n  },\n  {\n    global: 'ElementPlus',\n    resource: [\n      'https://unpkg.com/element-plus',\n      'https://unpkg.com/element-plus/lib/theme-chalk/index.css',\n      'https://unpkg.com/normalize.css'\n    ]\n  },\n  {\n    global: 'Cookies',\n    resource: [\n      'https://unpkg.com/js-cookie'\n    ]\n  },\n  {\n    global: 'Flowlist',\n    resource: [\n      'https://unpkg.com/@flowlist/vue-listview'\n    ]\n  }\n]\n\nbootstrap(dependencies).then(() => {\n  const { createApp } = Vue\n  const app = createApp({})\n  // do something...\n}).catch(err => {\n  // some module load failed\n})\n```\n","readmeFilename":"README.md"}