micro-frontend

1.Module-federation에서 host와 remote에 같은 이름에 CSS 가 있으면 어떻게 적용될까?

post-thumbnail

remote에서 공유된 CSS가 우선순위를 가짐.hostmain.tsremote webpack.config.js

2022년 4월 20일

2.Module-federation에서 host와 remote에 같은 이름에 SCSS Variable이 있으면 어떻게 적용될까?

post-thumbnail

각자 독립된 scope에서 서로 다르게 반영되어 동작함.remote \_variables.sasshost\_variables.sasswebpack.config.js(remote, host 양측 동일) webpack에 의해 번들링될때 scss의 variables($p

2022년 4월 20일

3.moduleFederation *CSS파일 host공급방법 3가지

post-thumbnail

types/types.d.tsmain.ts

2022년 4월 20일

4.Vue3-WebPack5 Module Federation (With Hot Reload)

post-thumbnail

webpack5 module Federation 2020년 10월에 릴리즈한 webpack5 스펙에 module Federation이 추가 되었다. 실무에 적용해 보고 그 과정을 공유해 보자.

2022년 4월 4일

5.Module-federation에서 webfontloader은 어떻게 적용 해야 할까?

post-thumbnail

모든 패밀리 사이트의 폰트는 process.env.VUE_APP_COMM_HOSTNAME + "/styles/fonts/\_font.css" 으로 일관성있게 적용blink현상 없이 폰트 적용(폰트 로더가 먼저 로딩)webfontloader.tsremote package

2022년 4월 25일