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

我正在使用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“解析文件时的非法导入声明:[我的文件的路径]”

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

尝试babelify代替retification
翻译自:https://stackoverflow.com/questions/29707389/converting-jsx-with-es6-import-syntax-using-reactify

转载注明原文:reactjs – 使用reactify使用ES6导入语法转换jsx