问题描述
升级babel7后发现代码里实例方法相关无法直接使用,比如Array.concat,需要修改成Array.prototype.concat,有没有合适的解决的方法。
相关代码
babel改动如下
// package.json
"dependencies": {
"@babel/runtime": "^7.17.2",
"core-js": "^3.21.1"
}
"devDependencies": {
"@babel/core": "^7.17.5",
"@babel/plugin-transform-runtime": "^7.17.0",
"@babel/preset-env": "^7.16.11",
"babel-loader": "^8.2.3"
}
// babel.config.js
module.exports = {
presets: [
[
"@babel/preset-env",
{
"useBuiltIns": "usage",
"corejs": {
version: 3,
proposals: true
}
}
]
],
plugins: [
[
"@babel/plugin-transform-runtime"
]
]
}
babel源代码
core-js/stable/array/cancat.js
var parent = require('../../es/array/concat');
module.exports = parent;
core-js/es/array/concat.js
require('../../modules/es.array.concat');
var entryUnbind = require('../../internals/entry-unbind');
module.exports = entryUnbind('Array', 'concat');
core-js/internals/entry-unbind.js
var global = require('../internals/global');
var uncurryThis = require('../internals/function-uncurry-this');
module.exports = function (CONSTRUCTOR, METHOD) {
return uncurryThis(global[CONSTRUCTOR].prototype[METHOD]);
}
疑问点
看了源代码,的确是挂在prototype上的,难道升级Babel7后,需要全局搜索实例方法,然后全都替换?我查了babel官方文档也没有提到这一点,很疑惑其他升级的人是怎么解决这个问题的。