将文件导入嵌套选择器

时间:2018-12-20 14:47:47

标签: css postcss

是否存在用于将文件导入到选择器中/嵌套在选择器中的postcss解决方案?我无法让postcss-importpostcss-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-importpostcss-nested对其进行修饰,但这有两个缺点,因为(a)postcss-nested-import路径与运行脚本有关它,而css约定是导入应相对于调用文件(b)维护者放弃了它https://github.com/eriklharper/postcss-nested-import/issues/2 <---此问题依次引用了https://github.com/postcss/postcss-import/issues/214,这是一个死线程:-(

1 个答案:

答案 0 :(得分:1)

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

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