babel：将浏览器不支持的ES6语法转为javascript
查看node是否安装：
npm -v
node -v实例演示：
在桌面新建part5目录
在cmd命令行中
cd desktop
cd part5安装babel：
初始化package.json文件：描述当前项目信息，包括依赖等
npm init安装babel cli
npm install --save-dev babel-cli在package.json的"script"下添加一句：
"build": "babel entry.js"创建entry.js文件，写es6代码用于测试
执行
npm run build全局安装babel-cli
npm i babel-cli -g安装babel-preset-env
npm i -D babel-preset-env创建配置文件，告诉babel用什么规则来编译文件.babelrc
{
"presets": [
[
"env",
{
"targets":{
"browsers":["last 1 version"]
}
}
]
]
}修改packsge.json
-o 输出到文件
-w 始终处于监听状态
"build": "babel entry.js -o index.js -w"通过babel插件体验新特性
安装插件
npm i -D babel-plugin-transform-class-properties修改.babelrc文件
{
"presets": [
[
"env",
{
"targets":{
"browsers":["last 1 version"]
}
}
]
],
"plugins":["transform-class-properties"]
}
Babel中的stage-0,stage-1,stage-2以及stage-3的作用（转）
大家知道，将ES6代码编译为ES5时，我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档，里面常会建议大家在.babelrc中输入如下代码
深入理解Babel原理及其使用，babel把ES6转成ES5的原理是什么？
文的babel使用场景局限于babel配合webpack来转译输出es5的js代码，babel的命令行、以代码形式调用或node环境下这些统统都不会涉及。Babel使用的难点主要在于理解polyfill、runtime和core-js。
ES6之Babel的各种坑总结【转载】
自从 Babel 由版本5升级到版本6后，在安装和使用方式上与之前大相径庭，于是写了这篇入坑须知，以免被新版本所坑。坑一本地安装和全局安装 、坑二编译插件、坑三babel-polyfill插件
babel-preset-env：一个帮你配置babel的preset
babel-preset-env 一个帮你配置babel的preset，根据配置的目标环境自动采用需要的babel插件。babel-preset-env 功能类似 babel-preset-latest，优点是它会根据目标环境选择不支持的新特性来转译
babel-polyfill使用与性能优化
本文主要内容包括：什么是babel-polyfill，如何使用，如何通过按需加载进行性能优化。babel只负责语法转换，比如将ES6的语法转换成ES5。但如果有些对象、方法，浏览器本身不支持，此时需要引入babel-polyfill来模拟实现这些对象、方法。
babel的初步了解
由于现在前端出现了很多非es5的语法，如jsx，.vue，ts等等的格式和写法。babel其实是一个解释器，它主要讲进行中的代码分为三个阶段执行：解释，转换，生成。
深入类和继承内部原理+Babel和 TypeScript 之间转换
在 JavaScript 中，没有基本类型，创建的所有东西都是对象。例如，创建一个新字符串，与其他语言不同，在 JavaScript 中，字符串或数字的声明会自动创建一个封装值的对象，并提供不同的方法，甚至可以在基本类型上执行这些方法。
使用 Webpack 与 Babel 配置 ES6 开发环境
在项目根目录下新建一个配置文件—— webpack.config.js 文件：执行编译打包命令，完成后打开 bundle.js 文件发现 isNull 和 unique 两个函数没有被编译，和 webpack 官方说法一致：webpack 默认支持 ES6 模块语法，要编译 ES6 代码依然需要 babel 编译器。
Babel_如何写一个Babel插件
Babel对代码进行转换，会将JS代码转换为AST抽象语法树(解析)，对树进行静态分析(转换)，然后再将语法树转换为JS代码(生成)。每一层树被称为节点。每一层节点都会有type属性，用来描述节点的类型。其他属性用来进一步描述节点的类型。
初学 Babel 工作原理
Babel 对于前端开发者来说应该是很熟悉了，日常开发中基本上是离不开它的。我们已经能够熟练地使用 es2015+ 的语法。但是对于浏览器来说，可能和它们还不够熟悉，我们得让浏览器理解它们，这就需要 Babel
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!