Vue进阶（幺伍捌）：vue组包CssSyntaxError unclosed bracket错误解决方法

在Vue项目npm run build过程中，突然爆出CssSyntaxError unclosed bracket的错误提示，一脸懵，好好的项目怎么突然就出幺蛾子了呢？

奇怪的是项目执行npm run dev命令时，可正常运行，而pro版本跟dev的版本中差了一个optimize-css-assets-webpack-plugin这个文件的引用，所以在webpack.prod.conf.js中找到该文件引用处：

首先将上述组件引用注释掉,然后执行npm run build,build成功，随后就很简单了，就是去看一下build好的dist文件里面的app…css，然后继续去搜索"//"，这样子的工作量就少了很多，找到相应的注释代码，然后删掉不合理的注释代码。

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

文章来源: shq5785.blog.csdn.net，作者：No Silver Bullet，版权归原作者所有，如需转载，请联系作者。

原文链接：shq5785.blog.csdn.net/article/details/107188893