当使用vite编译公共typescript库时,是否可以将css注入tsx

bvn4nwqk  于 2023-06-07  发布在  TypeScript
关注(0)|答案(1)|浏览(143)

我现在有一个由vite编译的公共库。公共库包含一些tsx文件和css文件。现在我发现当我导入tsx组件时,它不包含css样式。在编译公共库的时候可以打包css文件吗?我尝试使用vite-plugin-css-injected-by-jshttps://www.npmjs.com/package/vite-plugin-css-injected-by-js库,在vite.config.ts中配置插件如下:

export default defineConfig({
    plugins: [
        react({
            
        }),
        cssInjectedByJsPlugin(),
        dts({
            insertTypesEntry: true,
        }),
    ],
}

似乎没有工作。使用vite "vite": "^4.3.5",时,我应该怎么做才能插入css文件?

bzzcjhmw

bzzcjhmw1#

是的,您可以使用以下选项将CSS注入到所有条目文件中。

cssInjectedByJsPlugin({
  relativeCSSInjection: true 
})

**注:**此选项仍处于试验阶段。

https://github.com/marco-prontera/vite-plugin-css-injected-by-js#relativecssinjection-boolean
或者您可以使用jsAssetsFilterFunction选项,它提供了一个回调,您可以在其中使用文件名进行过滤。

相关问题