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

2023年10月27日 169次阅读

是否有postcss解决方案用于将文件导入/嵌套在选择器内？我无法使用postcss-import或postcss-nest来做我想要的事情.

.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嵌套导入路径是相对于运行它的脚本,而css约定是导入应该是相对于调用文件(b)维护者已经放弃它https://github.com/eriklharper/postcss-nested-import/issues/2< —这个问题反过来引用https://github.com/postcss/postcss-import/issues/214这是一个死线程:-(

最佳答案 postcss-partial-import似乎可以解决问题.

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

点赞