为什么PostCSS处理@custom-media时报Unknown word错误？
我在用PostCSS处理CSS时遇到问题，当写@custom-media和CSS变量时，编译总报Unknown word错误。已经装了postcss-preset-env和autoprefixer。
配置文件是这样写的：
module.exports = {
plugins: {
'postcss-preset-env': {},
autoprefixer: {}
}
};
尝试过把@custom-media改成@media就正常了，但项目需要动态媒体查询。查了文档说是需要特定插件，但按网上的教程配了还是不行。
- 1
回答
74浏览
PostCSS处理CSS变量后浏览器显示未定义怎么办？
折腾了一下午也没搞定，我在用PostCSS处理CSS变量的时候遇到怪事。按照文档配置了postcss-custom-properties插件，但浏览器里调试发现变量还是显示为undefined。 我的...
- 2
回答
32浏览
PostCSS插件处理CSS变量时不起作用怎么办？
我在用PostCSS处理CSS变量时遇到了问题，明明配置了postcss-custom-properties插件，但页面里的变量还是没被解析。比如下面这个HTML里的--primary-color变量...
- 1
回答
16浏览
PostCSS处理CSS变量时，为什么预处理器变量会被替换成初始值？
在用PostCSS处理CSS变量时遇到了奇怪的问题：--primary-color被替换成初始值#00f了，但代码里明明写的是Sass变量$primary，这是怎么回事？ 尝试过调整postcss-l...
- 1
回答
4浏览
PostCSS插件开发中，如何在处理完所有节点后再执行某个操作？
我现在在写一个PostCSS插件，需要在遍历修改完所有CSS规则后统计处理过的节点数量。但发现执行console.log时数据还没完全更新： module.exports = postcss.plug...
- 2
回答
92浏览
stylelint为什么检测不到PostCSS自定义属性的拼写错误？
我在用PostCSS处理CSS变量时遇到问题，stylelint没有报错但明显变量名拼写错了。比如下面这段代码： <style> :root { --main-color: #ff6b6b...
- 2
回答
44浏览
为什么PostCSS的postcss-import无法识别路径别名？
在使用postcss-import处理CSS文件时，我定义了路径别名@/components却报错找不到文件。虽然Webpack的resolve.alias已经配置了这个路径，但PostCSS处理时还...
- 2
回答
65浏览
PostCSS插件中如何在处理完所有节点后再执行清理操作？
我在开发一个PostCSS插件时遇到了顺序问题。想在处理完所有节点后执行清理操作，但尝试在eachAfter回调里修改节点时，发现某些节点还没处理完就报错了： postcss.plugin('my-p...
- 1
回答
35浏览
PostCSS处理媒体查询时max-width没合并怎么办？
我在用PostCSS压缩CSS时发现，几个重复的max-width媒体查询没有被合并。比如代码里写了@media (max-width: 768px)和@media screen and (max-w...
- 2
回答
10浏览
为什么移动端使用MediaElement时视频无法自动播放？
我用MediaElement.js封装了视频播放器，设置autoplay和muted属性后，在PC端能自动播放，但移动端始终不行。iOS上还报错"Not allowed to start playba...
- 1
回答
13浏览
PostCSS Stringifier处理动态类名时样式输出不完整怎么办？
我在React项目里用PostCSS自定义了一个stringifier插件，想把动态生成的类名统一加上前缀。但发现处理后的CSS某些属性直接被去掉了，比如这个按钮组件的padding样式完全没输出： ...
@custom-media语法，虽然你用了 postcss-preset-env，但它默认的 stage 配置可能没开到支持实验性语法。@custom-media属于比较新的 CSS 规范，需要明确启用。postcss-preset-env 默认只处理 stage 2+ 的特性，而 custom media 查询在早期是 stage 3，但实际使用时经常因为 parser 解析不到直接报 “Unknown word”。解决方法很简单：修改配置，显式开启
features或调整stage。改成这样：
重点是加上
features: { 'custom-media-queries': true }，这样强制启用 custom media 支持。有时候光靠 stage 3 也不保险，插件层面得打个补丁。另外确认一下你用的 postcss-preset-env 版本，老版本（比如 6.x 以下）对 custom-media 支持不完整，建议升级到最新版：
顺便提一句，这类问题服务端构建流程最容易踩坑，本地开发能跑不代表 CI 能过，版本一乱就炸。建议锁版本 + 提前在 pipeline 验证。