Laravel 前端:使用 React Draft 2 个改进

替换默认的 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.csspublic/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 进行配置。

本 Wiki 尚未完善,邀您参与 如何撰写一篇高品质的 Wiki?
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!