汇总-保留模块+ CSS

Question

无法在线找到任何资源，但是我正在尝试优化我们的内部组件库，我正在尝试使更多的摇树树友好。

如何使用汇总功能将.css文件保留在输出中，并在文件中保持其导入。

I.E

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

输出。

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

这似乎很简单，我发现类似的线程要求这样做，但响应为零。 https://github.com/egoist/rollup-plugin-postcss/issues/204

基本上，这意味着使用我的项目的人只会自动获得关键的CSS。

从“ xyz / foo”导入I.E {Foo}将自动导入随附的CSS文件。

Answer 1

不幸的是，我无法使用Rollup找到您想要的解决方案。但是，如果您愿意使用Webpack，则可以使用名为MiniCssExtractPlugin的插件。它为每个JS文件创建CSS文件，并可以实现所需的结构。