PreCss @import变量

Question

我目前正在设置一个新的工作流程，我决定试用PostCSS。 一切都工作得很好，除了一件事。
我把我的工作分成了几个css文件。在处理主css时，我导入（使用Precss）包含变量的CSS（使用Postcss-simple-vars）。
在运行我的Gulp任务时，我在终端中收到错误，基本上说它无法解析变量“$ x”或我在_variables.css中声明的任何变量。
谁知道为什么我不能用Precss导入变量？
提前致谢。

Answer 1

我最近在设置新项目时遇到了同样的问题。它在我的旧项目中运作良好。

我使用＆＃34; precss＆＃34;而不是＆＃34; postcss-simple-vars＆＃34;，而我的新项目使用的是版本3.我的旧项目使用的是版本2.

我将package.json更新为 ＆＃34; precss＆＃34;：＆＃34; ^ 2.0.0＆＃34;

一切都恢复正常

Answer 2

使用了https://www.npmjs.com/package/postcss-variables-loader。 它工作正常。只要确保您将此配置css文件保留在css管道中即可。 exclude: /\.config.css$/, 并有 { test: /\.config.css$/, loader: 'babel-loader!postcss-variables-loader' }