遇到mask级别的奇怪问题。在dev环境下，在弹窗前可以正常显示的全屏动画，编译打包后实际运行时跑到弹窗后面了。弹窗的z-index是500，按理说动画应该显示在501，结果实际编译出来的z-index只有1，原来是这个z-index重新计算了成为cssnano的杰作。因为它只处理项目本身的样式，而不处理第三方库的样式。cssnano的配置如下："cssnano":{"preset":"advanced","autoprefixer":false,"postcss-zindex":false}可见z-index自动重计算的配置应该被关闭。但是这个配置其实是从旧的webpack2项目中复制过来的，新版的cssnano悄悄修改了配置方式，也就是什么都不配。修改为如下配置即可解决问题："cssnano":{"cssnano-preset-advanced":{"zindex":false,"autoprefixer":false}}
