时间戳

首页 > 解决方案 > 如何在混合场景中使用 ReactJS

reactjs - 如何在混合场景中使用 ReactJS

问题描述

我有一个使用 Yii2（一个 PHP 框架）构建的现有 MVC 项目，它生成并提供 HTML 页面。

我只想为一个页面（由 Yii2 生成）编写一个复杂的组件（带有 3rd-party 模块和许多其他依赖项）；因此，重要的是要澄清我不想将所有前端留给 ReactJS，我不想/不能迁移到由 ReactJS 管理的完整前端应用程序。

集成 ReactJS（与 npm、Webpack 等）的最佳方式是什么？

我应该在“npm 环境”中编写 ReactJS 应用程序，捆绑所有内容并将“构建”静态资源包含到 Yii2 生成的页面中吗？

标签： reactjsyii2

解决方案

对于复杂的场景，最好使用“npm stack”来构建您的资产并创建资产包以仅注册由 webpack 或 gulp 等工具生成的文件。用于编译和压缩资产的 Yii 工具在简单的情况下工作得很好，但是当你将它与来自 npm 生态系统的工具进行比较时，它们非常有限。

你可以看看Yii Framework 的官方网站是如何构建的：他们使用yarn和gulp来构建前端资产和一个简单的 bundle来注册生成的文件。与普通“npm 前端流程”的主要区别在于它们使用assets-packagist来安装前端依赖项。

推荐阅读