babelrc笔记

朱雀 2021-11-10 01:44 211阅读 0赞

Babel默认只是转换新的语法（简单转换语法糖），如箭头函数等，但不会转换新的API，如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法，例如Object.assign，因此我们需要polyfill  
备注：polyfill，一个js库  
因为其是一个js库，因此需要在源代码最前面导入运行，且得成为上线依赖dependency，而不仅仅是一个开发依赖devDependency

.babelrc写法  
旧版   
"presets": \["es2015"\]  //简写，意思是babel-preset-es2015

"pulgins": \["transform-runtime"\] //简写，意思是babel-plugin-transform-runtime

而在新版

"presets": \["@babel/preset-es2016"\]  //新版本的babel预设，插件都得写完整名称

"presets": \["@babel/plugin-transform-runtime"\]  //新版本的插件，插件都得写完整名称

兼容语法糖  
使用预设  
babel-preset-es2015

babel-preset-es2016

babel-preset-es2017

每年都出新的规范（语法糖），于是每年出一款针对此年变化的预设  
而babel-preset-env包含所有预设，能兼容所有语法糖

关于babel-preset-env的配置，可写在.babelrc，package.json中可写一部分(例如browsersList)，甚至webpack.config.js里都能写，但这几个地方分优先级，.babelrc优先级最好，为了统一，最好都写在.babelrc。

browserList的写法，可见：https://juejin.im/post/5b8cff326fb9a019fd1474d6

兼容api

使用插件

## ##

babel-polyfill

为全局变量添加方法，会污染全局环境

babel-pulgin-transform-runtime 建议开发依赖

babel-runtime 建议线上依赖

可见：https://babeljs.io/docs/en/babel-plugin-transform-runtime

转载于:https://www.cnblogs.com/yanze/p/11278208.html

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关 HBuilder 显示点开头的文件如.babelrc

文件系统中的文件列表是 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4

梦里梦外;/ 2024年02月19日 12:40/ 0 赞/ 45 阅读

相关如何创建.babelrc文件

方法一： ![format_png][] 根目录下，创建 .babelrc. 文件名就可以了！方法二： ![format_png 1][] cmd进入根目

Dear 丶/ 2023年06月11日 09:27/ 0 赞/ 63 阅读

相关 java笔记,Java笔记

Java笔记实例方法实例变量实例方法方法不带'static'关键字，为实例方法，实例方法必须先创建对象，通过“引用.”点方式调用。注： ·带static的方法

旧城等待，/ 2023年01月16日 06:37/ 0 赞/ 281 阅读

相关笔记系列-SynchronousQueue笔记

这两天分析了一下SynchronousQueue类的实现，代码比较复杂，看来两三天才大概理解里面的逻辑。其中有个名词“dual queue”感觉网上的文档翻译的有问题，不好理解

青旅半醒/ 2022年11月21日 03:42/ 0 赞/ 263 阅读

相关 .babelrc文件的一些简单的配置

首先现在根目录先生成.babelrc文件这个文件是用来设置转码的规则和插件的如果想使用es6语法，必须安装插件 npm install babel\-preset\-

悠悠/ 2022年07月11日 05:32/ 0 赞/ 239 阅读

相关配置文件.babelrc

Babel的配置文件是 .babelrc，存放在项目的根目录下。该文件是用来设置转码规则和插件的，基本格式如下， \{ "presets": \[\], "plug

秒速五厘米/ 2022年06月08日 08:49/ 0 赞/ 130 阅读

相关安装iview（Vue.js的UI组件库），找不到官方说的.babelrc文件在哪

初学Vue，在一步步摸索，一开始用的是boostrap，后来看了一下easyUI，看到Iview就发现新大陆了，感觉样式还是蛮不错的。链接贴上：[https://www.ivi

灰太狼/ 2022年04月23日 13:50/ 0 赞/ 180 阅读

相关笔记

href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函

痛定思痛。/ 2021年12月11日 12:45/ 0 赞/ 397 阅读

相关 [笔记] Docker 学习笔记

1. 什么是 Docker > 官方文档：[链接][Link 1]，中文文档：[链接][Link 2] Docker 属于 Linux 容器的一种封装，提供简单易用的容

缺乏、安全感/ 2021年11月27日 02:01/ 0 赞/ 588 阅读

相关 babelrc笔记

Babel默认只是转换新的语法（简单转换语法糖），如箭头函数等，但不会转换新的API，如Iterator、Generator、Set、Maps、Proxy、Reflect、Sy

朱雀/ 2021年11月10日 01:44/ 0 赞/ 212 阅读