moduleFederation *CSS파일 host공급방법 3가지

1 *.vue파일 내에 직접 기입(번들러에 의해 통합되어 제공)

2 *.vue파일 내에 import선언(번들러에 의해 통합되어 제공)

3.remote의 global.scss파일을 host에서 가져와 통합(federation에 의해 제공)

remote

	...
 new webpack.container.ModuleFederationPlugin({
        name: "common",
        filename: "remoteEntry.js",
        exposes: {
          "./global.scss": "./src/assets/styles/global.scss",
        },
    ...
   

host

types/types.d.ts

declare module "common/global.scss"

main.ts

import("common/global.scss")