Laravel Mix.js рендеринга - сохранить структуру папок с подстановочными знаками

Question

Я использую Laravel с React.jsx.Мой webpack.mix.js файл выглядит следующим образом:

const mix = require('laravel-mix');

if ( ! mix.inProduction()) {
    mix.webpackConfig({
        devtool: 'source-map'
    })
}

mix.react('resources/js/app.js', 'public/js')
    .react('resources/js/*.jsx', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

Это работает точно так, как я ожидаю - любой .jsx файл непосредственно в resources/js/ корректно компилируется в public/js/

ЧтоЯ хочу сейчас, хотя я борюсь с.Я хочу, чтобы каждый файл .jsx в resources/js/pages/ И в каждой его подпапке компилировался и помещался в соответствующую папку в public/js/

Так, например, если у меня есть файл resources/js/pages/a.jsx,Я хочу его в public/js/pages/a.js, и если у меня есть файл resources/js/pages/x/y/z/file.jsx, я, конечно, хочу, чтобы он появился в public/js/pages/x/y/z/file.js

. Я думал, что смогу добиться этого с помощью символов подстановки, поэтому я попробовал это:

mix.react('resources/js/pages/*/*.jsx', 'public/js')

Однако, это зашло ровно в одну папку (например, в resources/js/pages/x/), ничего не отрисовывалось напрямую в resources/js/pages и поместило все отрендеренные файлы вpublic/js вместо сохранения структуры подпапок.

Есть ли способ достичь того, чего я хочу?Этакий рекурсивный шаблон папок / файлов, который сохраняет структуру папок при вводе в /public/js/?