有没有办法在React应用程序的vite库模式下导出样式？

Question

我有一个带有 JSX 组件、mudule.scss 和全局 css 文件的 vite React TS 应用程序。 当我使用库模式构建它时，我得到了分离的 .js、.d.ts 和 .css。 但是当我将其安装在任何其他应用程序中时，样式不会应用。

该包按预期工作，但样式根本不起作用。

Answer 1

修复使用：vite-plugin-css-injected-by-js

//...
import react from '@vitejs/plugin-react'
import { defineConfig } from 'vite'
import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
//...

export default defineConfig({
  //...
  plugins: [
    react(),
    //...
    cssInjectedByJsPlugin(), // HERE
  ],
  //...
})