说在前面
前端工程开发过程中会出现打包缓慢,或者打包过程中提示内存不足的情况,如果我们电脑内存足够,可以尝试分配更大的内存给node环境,以提升打包速度。
提升打包速度实践
提升打包速度,插件安装
npm install --save-dev increase-memory-limit
npm install --save-dev cross-env
然后在pageage.json
中添加一行:
"scripts": {
"dev": "vue-cli-service serve",
"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit" //新增
},
4096代表4GB
的内存,土豪可以配置更大一些~
然后运行命令:
npm run fix-memory-limit
理论上来说执行完成后就可以正常的打包/启动项目了,但是可能会遇到一个报错,提示
node --max-old-space-size=4096不是内部或外部命令
这个问题,是因为执行 fix-memory-limit
命令时,会在 当前项目的node_modules/.bin文件夹下的*.cmd
文件中添加调整运行空间的命令,默认添加的为
"_prog%"
,但是项目的正常运行需要_prog%
,也就是去掉双引号才可以。
可以通过编辑器的 replace all
的功能,全局进行替换,注意不要选错目录。由此目录也可以发现,当前的命令是只针对当前项目的,所以,如果新开了一个项目,或者删除了node_modules
依赖后,需要重新执行命令才可以。
小贴士
我的VScode
不知道为什么,全局搜索搜不到 "_prog%"
关键字,这个时候,重启也不可以,但是最后我点了一下
这两个按钮,他就可以帮助我正常搜索出全部的关键字了,点击全部替换即可。