无法从使用 rollup-plugin 构建的库中消费导出的主题变量
作者: mihkeleidast创建于 2023年2月6日更新于 2026年4月12日
标签rolluphas-workaround
描述错误
从一个用 " vanilla-extract/rollup-plugin " 建造的UI库中输出的 " vars " ,如果没有应用程序的构建中断,就无法在消费者应用中使用。
这影响到Vite、Next和Webpack(以及可能的其他应用程序捆绑商/插件)。
我们试图用滚出插件来预建我们的UI库,但如果我们想继续消耗输出的 vars ,这是不可能的. 我认为某种双重编译是必要的,即香草-extract vite和webpack插件应该能够消耗同样是用一些香草-extract插件所建造的库.
https://GitHub.com/vanilla-extract-cs/vanilla-extract/discussion/774中的工作轮廓 但我不确定忽略这些嵌入式进口是否是最好的解决方案。 另外,网络包/下个示例也不能使用同样的软件包。
- 复制
https://GitHub.com/ graup/vanilla-extract-rollup-example/pull/3 页面存档备份,存于互联网档案馆.
QQ 系统信息
贝壳 参见 repro,版本无关紧要,发生在最新版本以及更古老的版本上.
使用过的软件包管理器
线条
逻辑
贝壳
// vite 开始
构建时出错 :
错误: 构建失败, 有20个错误 :
././packages/ui/dist/foundation/Typegraphy/types.cs.vanilla.js:1:7:错误:不能导入 "./.././packages/ui/dist/foundation/Typegraphy/tyle.cs.ts.vanilla.cs"在未配置输出路径的JavaScript文件
././packages/ui/dist/输入/按钮/按钮.js:5:7:错误:无法导入 "./.././packages/ui/dist/them/them.cs.ts.vanilla.cs"为JavaScript文件,没有配置输出路径.
././packages/ui/dist/ inputs/styles.cs.vanilla.js:1:7:错误:无法导入 "./.././packages/ui/dist/them/theom.cs.ts.vanilla.cs"在未配置输出路径的JavaScript文件
././packages/ui/dist/ inputs/types.cs.vanilla.js:2:7:错误:无法导入 "./.././packages/ui/dist/theom/sprinks.cs.ts.vanilla.cs"在一个没有配置输出路径的JavaScript文件上.
././packages/ui/dist/输入/按钮/样式.cs.vanilla.js:3:7:错误:无法导入 "./.././packages/ui/dist/输入/button/stypes.cs.ts.vanilla.cs"为JavaScript文件,没有配置输出路径.
. . . . . . . .
(/home/mihkel/dev/mihkeleidast/vanilla-extract-roll-example/node modules/@vanilla-extract/vite-plugin/node modules/esbuilt/lib/main.js:1604:15) (中文(简体) ).
(原始内容存档于2019-09-29) (中文(简体) ). Home/mihkel/dev/mihkeleidast/vanilla-extract-rollup-examples/node modules/@vanilla-extract/vite-plugin/node modules/esbuilding/lib/main.js:1056:28).
在运行OnEndCallbacks(/home/mihkel/dev/mihkeleidast/vanilla-extract-roll-up-example/node modules/@vanilla-extract/vite-plugin/node modules/esbuilt/lib/main.js:1476:61)时使用
(见www.home/mihkel/dev/mihkeleidast/vanilla-extract-roll-up-example/node modules/@vanilla-extract/vite-plugin/node modules/esbuilt/lib/main.js:1054:7)
时间
. . . . . . .内容来源: vanilla-extract-css/vanilla-extract