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

Question

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

这是我的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"],
    }),
  ],
});

Answer 1

例如，尝试添加cssCodeSplit:false，：

...
build: { 
     target: 'esnext', 
     minify: false, 
     cssCodeSplit: false
   }

Answer 2

->共享："vue"，“尾部风车”

->构建：{目标：'esnext'，minify: false，cssCodeSplit: false }