使用reactify使用ES6导入语法转换jsx

Question

我正在使用reactify(一个browserify转换https://github.com/andreypopp/reactify)将JSX转换为常规JS.我已经设置了一个gulp任务:

gulp.task('reactifyes6', function () {
    var bundler = watchify(browserify(watchify.args));
    return bundler.add('./Scripts/Widget/ReactComponents/Dashboard.jsx')
    .transform('reactify',{harmony:true, es6module:true})
    .bundle()
    .pipe(source('Dashboard.js'))
    .pipe(gulp.dest('./Scripts/Widget/Build/'));
});

为了让这个工作,我有两个文件:Dashboard.jsx和someJS.js.
Dashboad.jsx

import myFunc from './someJS.js';
myFunc();

someJS.js

export default function () { console.log('test'); };

当我执行gulp任务时'reactifyes6',我得到了一个ReactifyError "Illegal import declaration while parsing file: [path to my file]"

我做错了什么,我怎么能编译ES6导入/导出语法？

Answer 1

尝试babelify代替retifiving