Reactjs laravel mix.js呈现-使用通配符保留文件夹结构

我将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');

这完全符合我的预期-直接在

resources/js/

中的任何

.jsx

文件都会正确编译到

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

，我当然希望它出现在

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/

？

时保持文件夹结构。您是否尝试过

mix.react（'resources/js/pages/***.jsx'，'public/js'）

？@GeorgeHanson我会给它一个提示go@GeorgeHanson不，它实际上做了与

.react（'resources/js/*.jsx'，'public/js'相同的事情）

这让我有点吃惊