利用gulp打包------解决ES6代码打包出错问题

                          利用gulp打包------解决ES6代码打包出错问题

在项目中使用gulp对源码及项目进行压缩和打包是很常见的做法，但是实际中可能会遇见uglify执行出错的问题，本文只针对由于项目中使用ES6语法而造成uglify失败的问题。

解决这个问题主要是借助于babel。直接上操作流程。

1、全局安装babel。使用命令 npm install -g babel        和npm install -g babel-cli

2、本地安装gulp-babel。   npm install --save-dev gulp-babel

3、安装babel 辅助插件。 npm install --save-dev babel-preset-env

4、安装babel 辅助插件。 npm install --save-dev babel-core babel-preset-es2015

5、在项目根目录创建文件。.babelrc文件。文件内容

{
  "presets": [
    "es2015"
  ],
  "plugins": []
}

6、修改gulpfile.js.关键代码如下