使用Rollup打包带Tailwind的React组件发布NPM时样式丢失求助

背景 #

我正在开发一个集成了Tailwind CSS的React组件NPM包。安装这个包之后，组件的HTML结构能正常渲染，但Tailwind的样式完全没生效。之前打包不带Tailwind的React组件时，完全没有这种问题。

问题细节 #

用Rollup打包组件和Tailwind相关代码后，HTML渲染正常，但Tailwind样式缺失。我检查DevTools发现，本该由styleInject()注入到页面<head>里的样式脚本看起来像是被截断了，但不确定是不是DevTools的视觉截断导致的。

相关代码 #

核心配置文件是package.json和rollup.config.js，相关代码可查看以下仓库：

• vite-react-package-styled-install-here
• vite-react-package-styled
• vite-react-package-styled的NPM代码页

求助 #

这个问题卡了我好久，希望社区能给点指导或者解决方案。如果有过类似的打包经验，欢迎分享可用的rollup.config.js配置。

内容的提问来源于stack exchange，提问作者adamz