es6环境配置

 实现我们通过gulp-babel 来实现将es6转es5

 es6环境配置

 

  1. node.js命令行工具,进入项目根目录
  2. 项目初始化,npm init/ cnpm init
  3. 全局安装babel, npm install -g babel
  4. 本地安装gulp,cnpm/npm install gulp --save-dev
  5. 本地安装gulp-babel和babel-preset-es2015 --save-dev
  6. 本地安装cnpm install babel-preset-latest --save-dev

 

  1. 根目录下新建gulpfile.js 文件

es6环境配置

 es6环境配置

  1.  
  2. 在app.js中编译es6js脚本,然后执行gulp命令,会自动在dist文件下新建一个app.js来放置编译好的es5.
  3. 根目录下新建一个.babelrc文件,如图3内容。根目录下新建src文件夹,dist文件夹,以及src文件夹下面的app.js文件。

https://babeljs.io/setup#installation