vue-cli初始化的vue项目 生产环境打包 报错 UnhandledPromiseRejectionWarning: CssSyntaxError

这种报错就是写css样式中有语法错误或者 css文件中 注释用的 "//"  而不是  /* */  等一系列 语法问题。

解决办法就是

去build/webpack.prod.config.js  找到

　　new OptimizeCSSPlugin({
      cssProcessorOptions: config.build.productionSourceMap
        ? { safe: true, map: { inline: false } }
        : { safe: true }
    }),
找到这个预解析css的插件，注释掉， 

　再去执行打包命令，一般都可以成功，成功后 去打包后的css 文件，找语法错误， 编辑器一般都会有提示的【我这里时因为 stylus语法下，某一个类下的css样式没有缩进导致的】。找到对应的vue中的 styl样式，加上缩进就好了。 也有可能是其他原因，详细自己看生成的css文件慢慢排查就好了。

　　排查完毕，修改后，将上面注释的配置开启，再去打包。  ok！！！！