Discuss with colleagues how to do CSS and JS isolation

I stumbled across this information

CSS isolation

  • CSS module
  • Use the convention prefix for each microapplication
  • Post-css plug-ins add specific prefixes at packaging time
  • When loading a new microapp, write the link and script of the previous microapp in the

Js isolation

  • Use a sandbox.
  • With and window.proxy implement the browser sandbox

other

  • Web Components
  • Shadow DOM implements isolation

I went to CSS Moudle. I thought CSS modules were only available in JSX. I used them in React. I didn’t expect Vue to support it

Webpack support is required

portal

Ruan teacher’s blog

The whole universe thing didn’t work