工作中遇到的奇葩问题

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
    }
  }