微前端 js 和 css 怎么隔离

[Inchill]

样式隔离主要有以下几种方案：

1. BEM(Block Element Modifier) 约定项目前缀；
2. CSS-Modules 打包时生成不同的选择器名（Vue scope 采用这种方式）；
3. Shadow Dom 真正意义上的隔离；
4. css-in-js

js 隔离方案：

1. iframe
2. proxy