Enabling React.js¶
Using React? First enable support for it in webpack.config.js
:
1 2 | $ yarn add @babel/preset-react --dev
$ yarn add react react-dom prop-types
|
Enable react in your webpack.config.js
:
1 2 3 4 5 6 7 | // webpack.config.js
// ...
Encore
// ...
+ .enableReactPreset()
;
|
Then restart Encore. When you do, it will give you a command you can run to install any missing dependencies. After running that command and restarting Encore, you’re done!
Your .js
and .jsx
files will now be transformed through babel-preset-react
.