Laravel 前端:使用 React Draft
替换默认的 Vue 为 React
php artisan preset react
运行以上命令,它会在 resources/js/app.js
入口文件里加载 require('./components/Example');
、package.json 替换 Vue 为 React (除了 react、react-dom,它也添加了 @babel/preset-react
)等等。./components/Example
是 React 示例代码,您可以先编译测试,再继续编写。
当然,还要在 resources/views/welcome.blade.php
加载 public/css/app.css
和 public/js/app.js
。这两个文件下面的步骤会生成。这两个文件的生成路径和文件名在 webpack.mix.js
定义。
测试环境
编写的过程中要测试效果,请输入以下命令:
npm install # 安装包
npm run dev # 编译 CSS 和 JavaScript 文件
php artisan serve # 先打开新的终端标签页,然后输入这个命令开启 web 服务,即可以点击 url 进行访问。
您还可以替换 npm run dev
命令为 npm run watch
实现检测到文件修改而自动重新编译。
生产环境
线上生产环境,请使用以下:
npm install
npm run prod
最后,使用如 Nginx 等 Web Server 进行配置。