Giter Club home page Giter Club logo

yuzhanglong / mf-lite Goto Github PK

View Code? Open in Web Editor NEW
159.0 3.0 20.0 6.07 MB

:tada: 优雅且实用的基于 webpack module federation 的微前端解决方案 / Elegant and practical micro front-end solution based on webpack module federation.

Home Page: https://yuzhanglong.feishu.cn/wiki/wikcncmRDZCUJRigluH7skQbtvg

License: MIT License

JavaScript 14.68% TypeScript 85.32%
webpack module-federation microfrontend webpack5 intl microfrontend-architecture react

mf-lite's Issues

新建模版报错,这个和node的版本有关吗?

/usr/local/lib/node_modules/@mf-lite/cli/node_modules/npm-check-updates/lib/index.js:428
throw err
^

Error: Command failed with ENOENT: plop --plopfile /usr/local/lib/node_modules/@mf-lite/cli/node_modules/@attachments/assets/lib/configurations/node-plop/micro-fe-generator.js
spawn plop ENOENT
at Process.ChildProcess._handle.onexit (node:internal/child_process:282:19)
at onErrorNT (node:internal/child_process:477:16)
at processTicksAndRejections (node:internal/process/task_queues:83:21) {
errno: -2,
code: 'ENOENT',
syscall: 'spawn plop',
path: 'plop',
spawnargs: [
'--plopfile',
'/usr/local/lib/node_modules/@mf-lite/cli/node_modules/@attachments/assets/lib/configurations/node-plop/micro-fe-generator.js'
],
originalMessage: 'spawn plop ENOENT',
shortMessage: 'Command failed with ENOENT: plop --plopfile /usr/local/lib/node_modules/@mf-lite/cli/node_modules/@attachments/assets/lib/configurations/node-plop/micro-fe-generator.js\n' +
'spawn plop ENOENT',

通过exposes共享第三方依赖的问题

假设将lodash通过exposes实现共享,那能够满足其他app中import {get} from 'lodash'的使用,但是import get from 'lodash/get'这种带路径就不行了,而且不能保证所有第三方依赖包都在入口有暴露

【Bug】ScriptExternalLoadError

在完全按文档的步骤跑
1、npm i @mf-lite -g
2、分别生成两个模板项目,进行npm i & npm run dev:serve

刚开始项目打开成功,访问正常,隔一段时间后显示如下错误,期间没有任何修改代码的操作

image

求解惑:远程组件this的指向

我们的技术栈时vue,我们的远程模块A项目使用了一些挂载在vue.prototype上的方法,还有全局的自定义指令,router等等,现在要在另一个项目B上使用,this实例就变成了B。这种情况如何解决?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.