Question

我试图将JS和JSX文件（与React.js一起使用）合并到一个版本化的all.js文件中。

我目前的Gulpfile：

var elixir = require('laravel-elixir');
elixir.config.sourcemaps = false;

elixir(function(mix) {
        mix
        .less([
                'app.less'
        ], null, 'resources/assets/less')
        .babel([
                'libs/**', //contains react.js among other libs (jquery, bootstrap)
                'app.js', //contains normal jquery
                'quiz/quiz.jsx'
        ], null, 'resources/assets/js')
        //.babel([
                //'quiz/quiz.jsx'
        //])
        .version(["css/app.css", "js/all.js"]);
});

输出：

[18:38:28] Starting 'default'...
[18:38:28] Starting 'less'...

Fetching Less Source Files...
   - resources/assets/less/app.less


Saving To...
   - public/css/app.css

[18:38:30] Finished 'default' after 1.91 s
[18:38:34] gulp-notify: [Laravel Elixir] Less Compiled!
[18:38:34] Finished 'less' after 6 s
[18:38:34] Starting 'babel'...

Fetching Babel Source Files...
   - resources/assets/js/libs/**/**/*
   - resources/assets/js/app.js
   - resources/assets/js/quiz/quiz.jsx


Saving To...
   - public/js/all.js <---- STUCK HERE

它已经停留了一段时间，我不知道如何调试它。
使用scripts（）更改第一个babel（）是有效的，但当然不会编译JSX文件（并且不会抱怨它）。
在脚本之后调用babel（3个注释掉的行）将正确编译JSX文件，但没有其他任何内容（它将简单地编译JSX并将其保存到all.js）。

我该如何解决这个问题？

无法将JS和JSX文件与Laravel Elixir结合使用

0 个答案: