es6环境配置
实现我们通过gulp-babel 来实现将es6转es5
- node.js命令行工具,进入项目根目录
- 项目初始化,npm init/ cnpm init
- 全局安装babel, npm install -g babel
- 本地安装gulp,cnpm/npm install gulp --save-dev
- 本地安装gulp-babel和babel-preset-es2015 --save-dev
- 本地安装cnpm install babel-preset-latest --save-dev
- 根目录下新建gulpfile.js 文件
- 在app.js中编译es6js脚本,然后执行gulp命令,会自动在dist文件下新建一个app.js来放置编译好的es5.
- 根目录下新建一个.babelrc文件,如图3内容。根目录下新建src文件夹,dist文件夹,以及src文件夹下面的app.js文件。