PreCss @import 变量答案

【问题标题】：PreCss @import variablesPreCss @import 变量
【发布时间】：2023-03-12 00:50:01
【问题描述】：

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

【问题讨论】：

有人吗？请帮忙

标签： css variables import gulp postcss

【解决方案1】：

使用https://www.npmjs.com/package/postcss-variables-loader。它工作正常。只需确保将此配置 css 文件排除在 css 管道之外。 exclude: /\.config.css$/, 并且有 { test: /\.config.css$/, loader: 'babel-loader!postcss-variables-loader' }

【讨论】：

【解决方案2】：

我最近在建立一个新项目时遇到了同样的问题。它在我的旧项目中运行良好。

我使用“precss”而不是“postcss-simple-vars”，我的新项目使用的是版本 3。我的旧项目使用的是版本 2。

我将 package.json 更新为 "precss": "^2.0.0"

一切都恢复正常了

【讨论】：