README

当前的Magento 2前端基于Knockout、RequireJS和ES5代码。然而，着眼于即将到来的PWA迁移，目前已经在不改变现有架构的情况下，将React组件添加到Magento 2前端。本模块作为一个基础模块，为类似Yireo_ReactMinicart和Yireo_ReactMenu这样的模块提供了一个通用的Webpack配置。

安装

使用以下命令将此模块安装到Magento 2中

composer require yireo/magento2-react:dev-master
bin/magento module:enable Yireo_React
bin/magento setup:upgrade

接下来，将文件package.json和webpack.config.js复制到Magento根目录。然后，安装所有包

yarn install

接下来，您可以通过Webpack在各种模块中构建React源代码

yarn dev

或者，您也可以将这两个文件复制到另一个文件夹中，并使用MAGENTO_ROOT变量

MAGENTO_ROOT=/var/www/html yarn dev

使用方法

此模块没有实际功能。它仅提供其他React模块的配置文件。

请参阅Yireo_ReactMenu模块中的示例组件。

目标是创建一个具有view/frontend/react_source文件夹的模块或一个具有react_source文件夹的主题，并让Webpack配置识别这些文件以创建单个包。也支持动态包（使用import()函数调用）。

主题由全局变量识别

MAGENTO_THEME=Magento/luma yarn dev

实验性

此模块是实验性的，仅适用于愿意投入时间的开发者。这并不意味着它需要大量努力，只是意味着该项目需要React基础知识的了解。

yireo / magento2-react

维护者

详细信息

README

安装

使用方法

实验性