解决引入mars3d后webpack打包过慢的问题

博客讲述了在项目中使用 mars3d 开发 GIS 功能时遇到的打包耗时过长的问题。原因是 babel 在编译过程中处理了原本无需编译的 mars3d.js 文件。解决方案是通过修改 babel.config.js,将 mars3d 相关资源从 babel 构建过程中排除,从而显著缩短打包时间。
摘要由CSDN通过智能技术生成

项目中使用了mars3d开发gis相关功能,打包时发现耗时过长(大约需要十几分钟),查看终端输出

从终端输出中可以看出,babel提示mars3d.js 文件过大,此时问题已经比较清楚了,由于公司内网无法使用npm上的mars3d资源,所以采用的将源文件下载到项目中的方式加载mars3d,默认的babel配置不会编译node_modules中的资源,但是采用当前的方式,mars3d则会进入babel的编译流程,所以导致打包速度过慢。

解决方案:

由于下载mars3d.js的资源是官方提供的编译后的文件,所以本身也不需要babel进行编译,所以将mar3d相关资源排除babel的构建过程就能够解决问题。所以直接找到babel的配置文件,我们项目中是 babel.config.js。添加如下代码

  ignore: [
    './src/assets/mars3d'
  ]

重新执行打包命令,问题解决

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值