1.打包后前端样式明明存在但是却不生效，勾选掉当前样式再选中，样式就生效。但是正常情况却不生效，开发时也是生效的
解决方法：
在webpack.prod.conf.js中，查看是否有以下代码
// Compress extracted CSS. We are using this plugin so that possible
// duplicated CSS from different components can be deduped.
new OptimizeCSSPlugin({
cssProcessorOptions: {
safe: true
}
})
从上面注释差不多就能看出，这个插件是会对齐重复的css样式的，这里注释掉打包后就正常了
如果还有问题，则在util.js中看下cssLoader中是否有下面这几行代码，确保minimize为true
var cssLoader = {
loader: 'css-loader',
options: {
minimize:true
sourceMap: options.sourceMap
}
}
网友评论