
使用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文件的处理,从而避免了冲突和警告。









