原创投稿
  1. 创想鸟首页
  2. 用户投稿

Webpack打包时postcss警告CSS变量未识别，如何解决？

程序猿 • • 用户投稿 • 阅读 0

webpack打包时postcss警告css变量未识别，如何解决？

使用postcss-px-to-viewport-opt插件将px转换为vw时，Webpack打包出现postcss警告，提示CSS变量未识别。问题源于Webpack未忽略node_modules目录，导致重复处理npm包中的CSS文件。

解决方法：在Webpack配置文件中添加如下代码，排除node_modules目录：

青泥AI 青泥AI

青泥学术AI写作辅助平台

青泥AI 302 查看详情 青泥AI 

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变量未识别，如何解决？的详细内容，更多请关注创想鸟其它相关文章！

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1149580.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
0 0

关于作者

程序猿的头像

程序猿签约作者

414.1K 文章
0 评论
2 粉丝
这个人很懒，什么都没有留下～
Office 2013下载安装教程
上一篇 2025年12月2日 19:36:52
VMware Workstation 15安装虚拟机指南
下一篇 2025年12月2日 19:37:03

相关推荐

发表回复

登录后才能评论
关注微信