vite-plugin-federation 不加载我的组件的样式

pdr*_*_99 1 federation webpack tailwind-css vite

当我在主机应用程序上加载组件时,组件加载时没有 css,我使用 Vite + Vue 和 tailwind,有人知道如何加载这些样式吗?

这是我的 vite.conf.ts:

import federation from "@originjs/vite-plugin-federation";
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";


export default defineConfig({
  server: {
    port: 8000,
  },
  build: {
    target: ["chrome101", "edge89", "firefox89", "safari15"],
  },
  plugins: [
    vue(),
    federation({
      name: "myLib",
      filename: "remoteEntry.js",
      // Modules to expose
      exposes: {
        "./Counter": "./src/components/Counter.vue",
        "./Controller": "./src/controller.ts",
      },
      shared: ["vue", "css"],
    }),
  ],
});

Run Code Online (Sandbox Code Playgroud)

小智 5

-> 共享: ["vue", "tailwindcss"]

-> build: { target: 'esnext', minify: false, cssCodeSplit: false }