build vue 指定版本_利用vue打包时候出现的CssSyntaxError

因为电脑更新，所以从新从公司的github上下载了仓库，前几天npm start了一下，完全没有什么问题，所以也没有多想，但是今天需要build好上线一个修改的小问题，结果在我执行npm run-script build 的时候，竟然出现了error的事情,错误的大概内容就是：“UnhandledPromiseRejectionWarning: CssSyntaxError:”,感觉问题应该不大，但是在查找以后发现，原来是项目中的css文件含有了//的注释，这个问题出现，感觉应该是之前装的sass版本的问题，所以老得可以解析出来，但是我现在的版本应该高于之前的，所以解析不聊了，但是不知道之前的版本内容，所以我也不想去修版本的问题了，毕竟说这个应该算是代码的问题，所以只能去查找//这个标记，但是简单搜索了一下，发现，天啊，竟然有1000多个问题的提示，这里有js、vue等等，如果让我找起来，那一定要死了，怎么办呢？

首先想到了一个办法，因为在npm start 执行中没有问题，而pro版本跟dev的版本中差了一个optimize-css-assets-webpack-plugin这个文件的引用，所以在把webpack.prod.conf.js中的使用找到

然后很简单就是注释掉,虽然又执行了一遍npm run-script build,果然根据想的一样，build成功了，随后就很简单了，就是去看一下build好的dist文件里面的app....css然后继续去搜索"//"这样子的工作量就少了很多，找到了响应到 注释代码，然后就能瞬间的定位到在哪使用过，然后删掉不合理的注释代码

最后就是把webpack.prod.conf.js中注释掉的内容恢复，然后重新build一下，完成。

通过件事情，体会特别明显的事情就是，在写代码之前，一定要有规范，要不然之后的坑一定还会在。说真的这个小问题，我竟然改了2个小时的时间，还是略微有些烦人的。