2. 最佳的 babel 配置
如果在写一个库时,最好添加上插件 —— babel/plugin-transform-runtime,配置如下:
{ "presets": [ ["@babel/preset-env", { "targets": "> 0.25%, not dead" }] ], "plugins": [ // 不污染全局,在运行时加载 ["@babel/plugin-transform-runtime", { "corejs": 3 }] ] }
还需要下载的依赖:
npm install --save-dev @babel/plugin-transform-runtime npm install --save @babel/runtime npm install --save @babel/runtime-corejs3
四、最后的备注
Babel 版本更新后,很多内容已经发生变化,官方文档也是晦涩难读,而中文网上的文章很多都已经过时,好在我看到了一位大佬的文章,这才让我对 @babel/preset-env 和 @babel/plugin-transform-runtime 有了基本的认识。文章 link 放在文末,请自行阅读。
- @babel/preset-env just transforms code with syntax, if we don’t config useBuiltIns.
- @babel/transform-runtime can provide re-use helpers, but don’t polyfill by default.
- Most situation best config: use @babel/preset-env transforms syntax. use @babel/transform-runtime avoid duplicate code, and config corejs: 3 to polyfill.
添加我的微信:enjoy_Mr_cat,共同成长,卷卷群里等你 🤪。
以上,感谢您的阅读~