汇总-保留模块+ css

Question

我在网上找不到任何资源，但我正在尝试优化我们内部的组件库，我正试图让它变得更友好。

如何使用rollup将.css文件保留在输出中，并在文件中保留它们的导入。

I.E

Foo.js  (inside import "./foo.css")
Foo.css

输出。

Foo.js  (inside import "./foo.css" remains) created into module
Foo.css

这看起来尽可能简单明了，iv'e发现了类似的帖子，要求这样做，但没有回应。https://github.com/egoist/rollup-plugin-postcss/issues/204

允许这样做基本上意味着使用我的项目的人只会自动获得关键的css。

即从"xyz/ Foo“导入{foo}将自动导入附带的css文件。

Answer 1

不幸的是，我找不到使用Rollup的解决方案来满足您的需求。但是，如果你对使用Webpack持开放态度，有一个叫做MiniCssExtractPlugin的插件可以实现这一点。它为每个JS文件创建CSS文件，并将实现您想要的结构。