汇总-保留模块css

Question

在网上找不到任何资源，但我正在尝试优化我们的内部组件库，我正在尝试使树摇床更友好。

我怎样才能离开罗洛普。输出中的css文件以及在文件中维护它们的导入。

即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

不幸的是，我找不到一个解决方案与汇总为您所寻找的。然而，如果你愿意使用Webpack，有一个插件可以实现这个功能，叫做MiniCssExtractPlugin。它会根据JS文件创建CSS文件，并实现您想要的结构。