将文件导入到嵌套选择器中

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-importAND来避免它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