如何将react.js 和laravel结合使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何将react.js 和laravel结合使用相关的知识,希望对你有一定的参考价值。

参考技术A 采用 webpack 的打包方式,就不需要 require.js 了,文件依赖关系交给打包工具去处理 原文件中不要采用 jsx 的方式, 使用如 React.createElement 这样的 react 相关文件抽取为单独文件,require 引用打包后的文件

Laravel 8,使用 Tailwind CSS 安装 React.js

【中文标题】Laravel 8,使用 Tailwind CSS 安装 React.js【英文标题】:Laravel 8, installing React.js with Tailwind CSS 【发布时间】:2021-03-19 21:40:08 【问题描述】:

我在纯 HTML 前端花了很多时间,但现在我在后端使用 React 和 Laravel。

Laravel 和 React 安装正确,没有问题。但是在我安装 Tailwind 之后,在我的终端中运行 npm run dev 时出现错误。

以下是截图:

我点击了这个链接:tailwind website

之后我也点击此链接:https://tailwindcss.com/docs/installation#post-css-7-compatibility-build

当我运行此命令 npm run dev 时,我在终端上看到一个错误。

【问题讨论】:

欢迎来到 ***!为了更好地了解如何写出好问题并获得相关答案,请阅读我们的Welcome Tour to 和How ask a good question 文章。 【参考方案1】:

在文件 webpack.mix.js 中删除或注释该行:

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

因为你想使用不同的 css 预处理器。

【讨论】:

以上是关于如何将react.js 和laravel结合使用的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 8,使用 Tailwind CSS 安装 React.js

是否可以将 React Native 与 socket.io 结合使用

React-redux: React.js 和 Redux 架构的结合

将联合与laravel结合使用时如何获得两个不同表的总和

React js 和 Laravel 本地化字符串?

将 Express.js 与 React.js 一起使用的推荐方式?