汇总-保留模块+ CSS

Question

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

如何通过汇总将.css文件保留在输出中，并在文件中保持其导入。

IE

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文件，并会实现所需的结构。