今天同事遇到个问题,在本地运行没问题,打包后-webkit-box-orient属性丢失了,于是我俩就开始实验。
经过一顿子猛操作,改成行内样式(可能只适用于我们的项目),就可以了。

然后重点来了,事后我搜索了一波,想了解下原因,事后!事后!发觉解决方法挺多的,我晕(太真实了)。有必要记录一下:
原因:autoprefixer自动移除老式过时的代码。

方案1:

/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
方案2:
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
方案3(针对webpack打包压缩编译css):

const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin');
new OptimizeCSSPlugin({
  cssProcessorOptions: {
    safe: true, map: { inline: false },
    autoprefixer: { remove: false } //添加对autoprefixer的配置

  }
})

原因不同,方法不同,试就完事,如果你想,行内样式也可以试试。

 
01-02 19:16