使用postcss-px-to-viewport-opt插件将px转换为vw时，Webpack打包出现postcss警告，提示CSS变量未识别。问题源于Webpack未忽略node_modules目录，导致重复处理npm包中的CSS文件。
解决方法：在Webpack配置文件中添加如下代码，排除node_modules目录：
module.exports = { module: { rules: [ { test: /.css$/, exclude: /node_modules/, use: [ 'style-loader', { loader: 'css-loader', options: { importLoaders: 1, } }, 'postcss-loader' ] } ] }};
登录后复制
exclude: /node_modules/ 这一行代码有效地阻止了Webpack对node_modules目录下CSS文件的处理，从而避免了冲突和警告。
以上就是Webpack打包时postcss警告CSS变量未识别，如何解决？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2844789.html
