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

发布于 2022-09-04 02:57:00 字数 1178 浏览 14 评论 0

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都酱紫。。。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

我的奇迹 2022-09-11 02:57:00

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文