babel-preset-es2015不解构对象

Question

我正在尝试使用Babel 6来获取以下ES6代码：

let { id, name, type } = this.props;

但是当我运行可能已编译的代码时，Chrome Dev Tools会给我一个“Uncaught SyntaxError：Unexpected token {”错误。

在package.json我有：

"devDependencies": {
  "babel-preset-es2015": "^6.1.18",
  "babel-preset-react": "^6.1.18",
  "bower": "^1.6.5",
  "gulp": "^3.9.0",
  "gulp-babel": "^6.1.0",
  "gulp-sourcemaps": "^1.6.0"
}

在我的gulpfile.js我有

gulp.task('babel', () => {
  return gulp.src('public/js/src/*.js')
    .pipe(sourcemaps.init())
    .pipe(babel({
      presets: ['react', 'es2015']
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('public/js/build'));
});

有没有人对我做错了什么有一些想法？感谢。