webpack - PostCSS css-next-无需使用@import的全局变量

我有一个variables.css文件，其中中有CSS变量

现在，每次需要在另一个:root{}文件中使用它时，我都会使用：


.css。


我想知道是否有一种方法可以使@import './path/to/variables.css'全局可用，而不必每次需要时都将其导入。

我尝试在variables.css插件上使用选项customProperties，但是在将CSS编译为js对象时出现了错误...
我将cssnext与React一起使用，并且作为postcss插件，我具有webpack 1，import，mixins和cssnext。

谢谢

最佳答案

据我了解，不，但是您可以使您的生活更轻松。在用于导入的配置中，设置路径，例如：

cssImport({ path: './src' })

并假设您的variables.css位于src/variables.css中，则可以执行以下操作：

@import 'variables';

而不是点后退回到树上寻找合适的位置。

关于webpack - PostCSS css-next-无需使用@import的全局变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42206128/