今天用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 */
用注释包裹的中间这一句就不会被删除
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。