跳到内容

使用 Webpack Encore 启用 React.js

编辑此页

视频教程

您喜欢视频教程吗?请查看 React.js 视频教程系列

提示

查看 Symfony UX React 组件的实时演示,网址为 http://ux.symfony.ac.cn/react

使用 React?首先使用 npm 添加一些依赖项

1
$ npm install react react-dom prop-types --save

在您的 webpack.config.js 中启用 react

1
2
3
4
5
6
7
// webpack.config.js
  // ...

  Encore
      // ...
+     .enableReactPreset()
  ;

然后重启 Encore。当您这样做时,它会给您一个命令,您可以运行该命令来安装任何缺失的依赖项。运行该命令并重启 Encore 后,就完成了!

您的 .js.jsx 文件现在将通过 babel-preset-react 进行转换。

本作品,包括代码示例,均根据 Creative Commons BY-SA 3.0 许可协议获得许可。
目录
    版本