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/

我现在想要的是我在努力。我希望对resources/js/pages/中的每个.jsx文件及其每个子文件夹进行编译，并将其放入public/js/的匹配文件夹中

例如，如果我有一个文件resources/js/pages/a.jsx，我希望它在public/js/pages/a.js中，如果我有一个文件resources/js/pages/x/y/z/file.jsx，我当然自然希望它出现在{{ 1}}

我认为我可以使用通配符来实现此目的，所以我尝试了以下方法：

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时可以保持文件夹结构？