备注：第一步操作后Babel将es6的模块化语法，转换成了CommonJS模块化语法，所以需要第二步用Browserify再次编译。ES6的模块化分为导出与导入两个模块。在ES6中每一个模块即是一个文件，在文件中定义的变量，函数，对象在外部是无法获取的。如

npm install --save-dev @babel/core @babel/cli @babel/preset-env. npm install --save-dev @babel/plugin-transform-arrow-functions.

Vue 的核心框架 vuejs 本身，以及官方核心插件均可以在 ie9 上正常使用。但ie不兼容es6，所以需要安装插件将“Promise”等高级语法转换成ie可以识别的es5。module.exports = { 　　entry: { 　　　　a

Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其它环境中。首先把原始代码转成抽象语法树，然后基于这个 AST 做转换，每个转换被处理成插件

babel-plugin-dynamic-import-node //支持import.then()写法 babel-plugin-dynamic-import-webpack //支持import.then()写法

刚开始使用Eclipse，对操作不是很熟练，英文不是很熟悉，所以在网上查找了中文翻译包。之后的操作NEXT Next 就好了。

第一次实际上是因为cli报出的这个错，第二次是因为babel-loader报出的这个错，报的是不一样的，所以解决方式也不一样。报错中的“node_modules\babel-cli\”说明调用的是babel6的命令，而实际上7.0应该是这样的文件夹“nod

模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部成。在ES6模块化规范诞生之前，Javascript社区已经尝试并提出了AMD、 CMD、 CommonJs 等模块化规范。因此，ES6语法规范中，在语言层

# babel安装问题，Cannot find module ‘@babel/core‘ requires Babel 7.x (the package ‘@babel/c. # babel-loader和babel-core版本不对应所产生的，新版本的

(function (exports, require, module, __filename, __dirname) { import Koa from 'koa';可能为安装babel，或安装错误，尝试重装。无法直接运行babel-node命令。&qu

https://segmentfault.com/a/1190000010468759 https://excaliburhan.com/post/babel-preset-and-plugins.html http://2ality.

最近工作比较忙，有一段时间没有写前端玩了。今天试着搭一个项目，发现各种坑，以前用起来非常好的配置文件各种报错。排查后发现原来babel升级了一个大版本，已经到7.X了，这里我总结一下升级过程中踩到的坑。babel-loader@8 requires Bab

babel-preset-es2015是一个babel的插件，用于将部分ES6语法转换为ES5语法。

https://excaliburhan.com/post/babel-preset-and-plugins.html http://2ality.com/2017/02/babel-preset-env.html

安装Babel1$ npm install -g babel好了，没什么好说的。创建Sublime Text编译系统选择菜单Tools –> Build System –> new Build System…中文版的话是工具 –> 编译系

http://developer.android.com/sdk/index.html http://www.eclipse.org/ http://www.eclipse.org/babel/downloads.php http://develop

npm i babel-cli -g通过上面命令进行babel的安装,其中i表示安装install的意思, -g表示安装到全局。在项目目录下创建文件.babelrc,在文件中书写如下代码:,由于babel是通过插件的形式进行使用,所以在下面代码中通过添加对

es6特性浏览器还没有全部支持，但是使用es6是大势所趋，所以babel应运而生，用来将es6代码转换成浏览器能够识别的代码babel有提供专门的命令行工具方便转码，可以自行去了解。官方解释,是下一代JavaScript 语法的编译器。既然是下一代Java

ES7中的箭头函数写法真的是很方便，而现今ReactJs又非常流行而且好用，非常适合有Java面向对象经验的同学学习和使用，在使用Reacjs构建组件时，如果想要使用箭头函数写法定义函数该怎么办呢？那么我们该怎么做呢，首先当然是安装和下载babel-pre

目前，ES6这样的语法已经得到很大规模的应用，它具有更加简洁、功能更加强大的特点，实际项目中很可能会使用采用了ES6语法的模块，但浏览器对于ES6语法的支持并不完善。为了实现兼容，就需要使用转换工具对ES6语法转换为ES5语法，babel就是最常用的一个工