关于前端npm install安装依赖和打包的一些问题记录
1、关于npm install安装node_module中的依赖的问题,最近频繁接手以前的项目,前端安装依赖的时候各种问题,这安不上那安不上,什么淘宝镜像、清缓存、删除node_module从新安装等等都试过,问题很多,后面想着其他同事没这么多问题,那就是我的node版本和npm版本问题,之前已经降级过一次,后面直接降级到不维护的版本了,然后设置镜像后npm install一把过,由于之前降级过版本,没想到还是高了,一问别人的版本还更低,无法想象,所以说维护以前的代码就很烦。或者直接拷贝node_modules整个依赖包过来。(没有降级处理前也试过一个问题一个问题的处理,前面文章有记录,不过太麻烦了,而且会有一些其他问题)
node:12.22.12,npm:6.14.16
2、代码跑起来了,但是问题又来了,打包build出问题了,查了很多资料,主要是更改webpack配置文件,当然这是我的问题,我的是UglifyJsPlugin出现问题,报错:Unexpected token name «await», expected punc «(» [static/js/chun......,一看问题指向的文件地址是打包生成的static文件下面的,但是由于我打包失败了,那这个文件自然也不存在,就找不到原因,经过多番查阅、AI各种试下来,也得到一些经验,就是如果报错是指向某个具体的xxx.js(依赖),直接在webpack配置文件中找到并移除,还有一些是看了下是UglifyJsPlugin版本低了,对es5,es6的支持不一样了,还有什么element-ui的支持。我的就是这个压缩压缩JavaScript代码,所以就更新到最新版本,并且注释配置文件中的safar10这个配置项,新版不需要了,不然会报错safar8什么什么的错,还有一种是替换成terser-webpack-plugin,因为方式一比较简单且成功了,就没试过,有兴趣可以试一下(建议是维护以前的版本能不动无关代码、配置就不动,不然不知道会出什么问题,尤其是没有参与开发的老项目)。