记录一个关于微前端有趣的事

322 阅读1分钟

和同事探讨怎么做css和js隔离

image.png

无意翻到这个资料

css隔离

  • css 模块
  • 在每个微应用使用约定的前缀
  • post-css插件在打包的时候添加特定的前缀
  • 加载新的微应用的时候,将前一个微应用的link和script写在

js隔离

  • 使用沙箱(??)
  • with和window.Proxy 实现浏览器的沙箱

其他

  • Web Components
  • Shadow DOM 实现隔离

我去看了css moudle,我原本以为只有jsx中才能使用css module,我在react中用过。 没想到vue也支持

需要webpack的支持

传送门

阮老师的博客

乾坤那套没有用上