项目中new Float32Array时间消耗异常什么原因?

let arr = []
for(let i = 0; i < 11308608; i++){
arr.push(Math.random() * 1000)
}
console.time('load')
a = new Float64Array(arr)
console.timeEnd('load')

新开一个空白页,打开控制台执行这段代码,一般耗时几十毫秒,不超过100ms。
但是在项目中使用,普遍超过1500ms。
发现这个的原因是项目需要加载比较多的3D资源,在优化性能的时候发现静态页demo中优化出来的效果很好,而使用到项目中的时候效果很差。
基本上demo中耗时10s,项目中就需要耗时30s以上。
经过不懈的努力,在three.module.js:40591中发现了这句代码:
const typedArray = new TYPED_ARRAYS[ attribute.type ]( attribute.array );
这里执行写入数组的时候,耗时异常。
试过移除vue,移除所有依赖,只留一个空白页,控制台执行上面测试代码依然不生效。
在build出来的项目中,移除所有js文件,可以避免耗时异常。
而在react项目中执行这句代码,结果同样会耗时异常。
初步判断,是webpack或者npm的原因,但是还不能解决。
求教!!!

没遇到,也打包了,耗时挺正常的啊

是babel的原因,我新开一个项目,移除了babel就没问题了。
babel依赖了core-js,core-js对类型数组做了覆盖。
但是不知道为什么会覆盖到本机函数。
按理说core-js是运行在node环境的,不会影响到web环境。
可能是配置的不对,但是我并没有针对babel做单独配置,可能是vue-cli针对babel的配置引起的。

:thinking: 解决了就好