问题标签 [postcss-custom-properties]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
61 浏览

webpack - CSS 变量中使用的 color-mod() 无法使用 webpack postcss-loader

考虑这个简化的 webpack 示例

webpack.config.js

postcss.config.js

文件.css

输出是

.test2为什么不处理color-mod() in ?我有正确的插件顺序,其中 postcss-custom-properties 首先处理变量,然后 postcss-color-mod-function 应该处理 color-mod() 但它没有被处理。

解决方案是仅在 webpack 插件部分而不是在 module.rules 部分中使用 postcss-color-mod-function,但是在监视或开发服务器热重载期间使用 postcss-color-mod-function 处理整个捆绑包会对性能产生负面影响。所以我希望它可以在 module.rules 部分按预期工作。谢谢。