1. 首页
  2. 问题
  3. 设置Laravel 5.4以使用React
小编典典

设置Laravel 5.4以使用React

reactjs

我不是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链接，这些链接用处不大！


阅读 283

收藏
2020-07-22

共1个答案

小编典典

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

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

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

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

  2. 打开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');

  1. 运行npm run dev以上问题中包含的课程来编译Javascript。您的React JS输出现在应该可以正常工作了。

  2. （可选）用于npm run watch即时编译。

我真的希望这能给别人带来最大的帮助！

2020-07-22