使用postcss-px-to-viewport-opt插件将px转换为vw时，Webpack打包出现postcss警告，提示CSS变量未识别。问题源于Webpack未忽略node_modules目录，导致重复处理npm包中的CSS文件。
解决方法：在Webpack配置文件中添加如下代码，排除node_modules目录：
<code class="javascript">module.exports = {
module: {
rules: [
{
test: /\.css$/,
exclude: /node_modules/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
importLoaders: 1,
}
},
'postcss-loader'
]
}
]
}
};</code>exclude: /node_modules/ 这一行代码有效地阻止了Webpack对node_modules目录下CSS文件的处理，从而避免了冲突和警告。
以上就是Webpack打包时postcss警告CSS变量未识别，如何解决？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
510
收藏
