Skip to content

Commit 46097d3

Browse files
committed
Remove Terser
1 parent 3993960 commit 46097d3

File tree

4 files changed

+45
-137
lines changed

4 files changed

+45
-137
lines changed

runtime/cssBoundary/README.md

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Module Federation CSS Boundary
1+
# Microfrontend CSS Boundary
22

33
Block outside CSS from affecting your microfrontend application.
44

@@ -16,7 +16,7 @@ In order for the CSS imports to work properly inside the microfrontend applicati
1616

1717
```js
1818
// webpack.config.js
19-
const { insert } = require('@module-federation/css-boundary');
19+
const { insert } = require('css-boundary');
2020

2121
module.exports = {
2222
// ...
@@ -47,7 +47,7 @@ module.exports = {
4747

4848
```jsx
4949
// App.jsx
50-
import { CssBoundary } from '@module-federation/css-boundary';
50+
import { CssBoundary } from 'css-boundary';
5151

5252
const App = () => (
5353
<CssBoundary>
@@ -64,7 +64,7 @@ const App = () => (
6464

6565
```js
6666
// SomeComponent.js
67-
import { createShadowInstance, deleteShadowInstance } from '@module-federation/css-boundary';
67+
import { createShadowInstance, deleteShadowInstance } from 'css-boundary';
6868

6969
// After mount:
7070
const parentElement = document.getElementById('some-element');
@@ -78,5 +78,3 @@ deleteShadowInstance(parentElement); // parentElement is the HTMLElement where t
7878
```
7979

8080
Both ways will render the microfronend application inside a shadow DOM attached to the app injection HTML element. Any global or local CSS used anywhere in the embedded application will be placed inside the shadowRoot and will not affect or be affected by the host application.
81-
82-
For a working example follow the link [css-isolation](https://github.com/module-federation/module-federation-examples/tree/master/css-isolation).

0 commit comments

Comments
 (0)