css - autoprefixer在webpack下build中无效是什么原因啊？

问题描述

问 题

webpack的配置文件是用vue-cli生成的
vue: {

loaders: utils.cssLoaders({ sourceMap: useCssSourceMap }),
postcss: [
  require('autoprefixer')({
    browsers: ['ios >= 7.0']
  })
]

}
这里改了一句『browsers: ['ios >= 7.0']』
.box {
display: flex;
}
然后 run dev 可以在浏览器看到
.box {
display: -webkit-flex;
display: flex;
}
但是 run build 生成的文件是这样的
.box{display:flex}
不知道为什么不能上传图片，意思就是这样的。。。求指导。。。。

解决方案

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

解决方案:用webpack2

这篇关于css - autoprefixer在webpack下build中无效是什么原因啊？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！