我有一个gulp文件,我通过npm,babel-core,babel-preset-es2015,babel-preset-react安装.从在线研究并寄予厚望,即使这可能不对,我已将gulp文件重命名为gulpfile.babel.js并且我已经创建了一个.babelrc文件

{
  "presets": ["es2015"]
}

我正在使用browsersync,当我启动gulp任务时,html文件加载,但index.js我包含’import React ….’.此文件导致JS控制台中出现“Uncaught SyntaxError：Unexpected token import”错误.

我认为我拥有的es2015 npm软件包应该关注ES6语法吗？

在gulp文件中,我认为应该照顾的任务是;

// convert jsx to JS
gulp.task('babelFiles',function() {
    return gulp.src('js/*.(jsx|js)')
        .pipe(babel({
            compact: false
            }))
        .pipe(gulp.dest('js'))
        .pipe(browserSync.reload({
            stream: true
        }))
});

负责启动它的gulp任务是：

// Default task
gulp.task('default',['babelFiles','browserSync']);

我很疑惑这里可能出现什么问题？

任何想法将非常感谢！