phpcss样式丧失技巧_webpack 打包编译有些CSS样式莫名消失

文章目录 [+]

相信很多小伙伴已经碰着过了，在利用webpack构建项目（npm run build），支配项目后，会创造有些CSS样式丢失了，比如：

.content{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

这里用了CSS多行超出省略号，build后，创造并没有用

phpcss样式丧失技巧_webpack 打包编译有些CSS样式莫名消失

编译后的代码

（图片来自网络侵删）

overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;

-webkit-box-orient: vertical;丢失了...

办理方法一（亲测没用）

网上有方法推举用注释办法，来办理，亲测了一下然而并没有用。

.content{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /! autoprefixer: off / -webkit-box-orient: vertical; / autoprefixer: on / }

可能是人品问题，于是再次探求新的办理方法

修正webpack.prod.conf.js

optimize-css-assets-webpack-plugin这个插件的问题, 注释掉webpack.prod.conf.js中下面的代码

// new OptimizeCSSPlugin({ // cssProcessorOptions: config.build.productionSourceMap // ? { safe: true, map: { inline: false } } // : { safe: true } // }),

完美办理问题：

喜好小编或者以为小编文章对你有帮助的，可以点击一波关注哦！
同时，要源码的小伙伴可以点击下方“理解更多”。