babel两种调试本地es6代码方式

293 阅读1分钟

1

"@babel/register": "^7.12.10"

或者

"@babel/node": "^7.12.10",

2 配置.babelrc,并安装presets和plugins

.babelrc可参考

const presets = [  
[    
'@babel/env',  
  {     
 targets:
 {       
 edge: '17',   
     firefox: '60',   
     chrome: '67',    
    safari: '11.1',   
   },   
 }, 
 ],
];
const plugins = [
'@babel/plugin-proposal-class-properties'];
module.exports = { presets, plugins };

package.json可参考

{  "devDependencies": 
{    "@babel/core": "^7.12.10",  
  "@babel/helper-module-imports": "^7.12.5", 
   "@babel/node": "^7.12.10",   
 "@babel/preset-env": "^7.12.11",  
  "@babel/register": "^7.12.10" 
 }
}

其他文章可参考  juejin.cn/post/684490…