.test1 { font-size: 20px; color: blue;}
<p class="test1">test class/ blue</p>
.test1 { font-size: 20px; color: red}
<p class="test1">test class /red</p>
실행 결과 : comm(remote)의 CSS가 우선순위를 가져 mall(host)가 red로 지정 했지만 remote의 css가 우선순위를 가짐.
new webpack.container.ModuleFederationPlugin({
name: "common",
filename: "remoteEntry.js",
exposes: {
"./global.scss": "./src/assets/styles/global.scss",
},
...
import("common/global.scss") // Remote global css