css - 将文件导入嵌套选择器

Question

是否有用于将文件导入/嵌套在选择器中的 postcss 解决方案？我无法让 postcss-import 或 postcss-nested 执行我想要的操作。

.some-selector {
    @import 'some.css';
}

给定一个文件，例如import-me.css 包含

div {
    color: red;
}

我想处理entry.css

.some-class {
  @import 'import-me.css';
}

然后查看输出

.some-class div {
   color: red;
}

谢谢!

更新:对于简单的示例，您可以使用 postcss-nested-import 和 postcss-nested 来避免它，但这有几个缺点，因为 (a) postcss-nested-import 路径与运行它的脚本相关，而 css 约定是导入应该与调用文件相关 (b) 维护者已放弃它 https://github.com/eriklharper/postcss-nested-import/issues/2 <--- 本期依次引用https://github.com/postcss/postcss-import/issues/214这是一个死线程:-(

Answer 1

postcss-partial-import 似乎可以解决问题。

https://github.com/jonathantneal/postcss-partial-import