【vue 打包】npm run build 打包卡住的问题

【vue 打包】npm run build 打包卡住的问题

最近遇到了一个问题，使用 npm run build 打包的时候，会卡住不动

解决方法一

网上百度了很久，都说可能是访问 npm 源 超时的问题，改成淘宝镜像就好了

npm config set registry http://registry.cnpmjs.org

由于项目在内网，本身就无法访问外网，我把项目拷到外网（经过领导同意了）之后，打包试了下，还是不行，并没有要 install 什么东西的感觉，不过还是切了下淘宝镜像，仍然卡住不动

于是开始怀疑是代码方面的问题

解决方法二

把代码回退到正常版本后，利用 BeyondCompare 比较了下两个文件下

附上BeyondCompare的文件夹自动比较方法

https://zhidao.baidu.com/question/1241374367071713459.html

其实就是因为 BeyondCompare 4 没有默认设置文件夹的比较内容，所以不会自动比较，只需要在新建下的文件比较中设置后就好了，保存设置之后，在文件夹比较中新建比较即可

继续。。。

比较之后发现，我有些文件夹下会有部分重名的副本，是写代码过程中防止想回退保存下来的，

有这样的

也有这样的

删掉之后 神奇的事情就发生了。。。。

npm run build 居然不卡了。。。

感觉很神奇

测试了一下

1. 开始以为是组件命名不能带有数字，但是全改成了副本还是有问题
2. 然后又觉得是不是有多个文件同时引用相同组件的问题，但是把副本中的内容删到了只剩下 template 还是会卡住

很神奇，希望有碰到相同问题的小伙伴分享下心得，是不是 vue-cli 项目打包对文件有什么要求。。。，万分感谢！

（刚刚发表的时候，没有写标题，然后由于一些操作把这个页面也退出了，所以这是重写的一份，忧伤）

后续

实际情况是， server.vue 和 server-副本.vue都引用了同一个组件，Echart.vue组件，在Echart.vue 组件中，引用了皮肤
require('ehcarts/theme/customed')
将引用皮肤的代码放到main.js 中，就不会出现打包卡住的情况了