使用了UglifyJsPlugin会导致autoprefixer无效吗？

Question

module.exports = merge(baseWebpackConfig, {
module: {

loaders: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })

},
devtool: '#eval-source-map',
plugins: [

new webpack.DefinePlugin({
  'process.env': config.dev.env
}),
new webpack.optimize.UglifyJsPlugin({
  compress: {
    warnings: false
  }
}),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin(),
new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  inject: true
})

]
})

当使用UglifyJsPlugin生成的css是这样的
#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.box{display:flex}

不使用它是这样的
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
.box {
display: -webkit-flex;
display: flex;
}

不论是npm run dev 还是 build都酱紫。。。

Answer 1

是的，前不久就有兄弟回答了这个问题了，附传送门。

你用的是不是webpack1？
你的run build是不是比run dev多运行了uglifyjs插件？
如果是恭喜你被bug坑了，使用了压缩插件会导致所有loader添加min配置，而autoprefixser也被定格到某个browers配置，反正就是看不见-webkit-flex
解决方案:用webpack2