webpack打包忽略css, autoprefixer的坑

今天用webpack打包vue项目时,发现多行省略号的代码一直没有执行,dev正常,test环境打包完就不行,还以为有缓存,结果最后在打包完的css代码里发现-webkit-box-orient: vertical;被自动忽略了
结果发现是 autoprefixer 的锅

autoprefixer

autoprefixer不仅会帮你加-webkit-之类的prefixer,
它还会帮你删除你自己写在 css/sass/less里的样式,
真是厉害了

关闭autoprefixer的自动删除功能,这样

/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */

用注释包裹的中间这一句就不会被删除

记得一定要加! 网上找的都是不加! 结果打包了无效

你可能感兴趣的