laravel - 设置 Laravel 5.4 以使用 React

Question

我对 Laravel 并不陌生，但对 JavaScript 框架很陌生。

我想在 Laravel 构建中使用 React，但找不到任何有关如何执行此操作的信息。

我有 Laravel 5.4。我知道它预装了 Vue 和 Laravel Mix，而不是 Gulp。

我正在关注这里的教程:https://blog.tighten.co/adding-react-components-to-a-laravel-app但这不适用于 5.4。它提到需要更新 gulpfile，但是由于 Laravel 5.4 不使用 Gulp，所以没有更新!

有人可以帮助我完成一个小教程或几个我需要复制的步骤，以便让 React 在 5.4 中工作吗？

我在 Google 上搜索过，但只能找到 NPM 链接，这些链接没什么用!

Answer 1

感谢 Joe 指出我需要的文档部分。还有更多内容，因此我将在下面描述我的步骤以帮助其他人。

1. 删除node_modules文件夹。对于全新的构建来说这不是必需的，但如果您遵循了任何其他教程并安装了不需要的东西，这将减少一些麻烦。如果您没有 node_modules 文件夹，请忽略此步骤。

   请注意，上述步骤将删除您使用 NPM 安装的所有内容。

2. 从项目根目录运行npm install。这将安装 Laravel 使用的所有 NPM 组件。

3. 打开webpack.mix.js并更改:

   mix.js('resources/assets/js/app.js', 'public/js') 
       .sass('resources/assets/sass/app.scss', 'public/css');
   

   至

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

4. 运行npm run dev来编译上述问题中包含的类(class)中的Javascript。您的 React JS 输出现在应该可以正常工作。

5. (可选)使用 npm run watch 进行动态编译。

我真的希望这能像帮助我一样帮助别人!