将文件导入嵌套选择器

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 <--- this issue in turn references https://github.com/postcss/postcss-import/issues/214 这是一个死线程 :-(

Answer 1

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

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

将文件导入嵌套选择器

Import file into nested selector

css

postcss