1. React Js with Webpack and Babel. Customized React App Configuration.

#reactjs #webpack #babel #CustomizedReactApp

Npm Commands
*******************
npm init
mkdir src
npm install - save-dev webpack webpack-dev-server webpack-cli
npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react @babel/core @babel/preset-env @babel/preset-react
npm install --save-dev babel-plugin-transform-object-rest-spread


babel.config.json
***************************************
{ ​"presets":[​"@babel/preset-env",​"@babel/preset-react"
​],
​"env": {
​"test": {
​"plugins": ["@babel/plugin-transform-modules-commonjs"]
​} ​},
"plugins": ["@babel/plugin-proposal-object-rest-spread"]
}


webpack.config.js
************************************************************
const path = require('path');
​module.exports = {
​ ​entry: './src/index.js',
​output: {
​path: path.resolve('dist'),
​filename: 'main.js'
} ​};


​| - src
​| | - index.js ​
​| - index.html
​| - webpack.config.json
​| - babel.config.json
​| - package.json

Тэги:

#React_js #Setup_react_project_with_webpack_and_babel #babel_tutorial #hemant_govekar #react_babel #react_setup #react_tutorial #react_webpack #react_webpack_babel_2021 #react_webpack_babel_typescript #reactjs_tutorial #reactjs_tutorial_2021 #web_development #webpack_4 #webpack_4_babel_7_react #webpack_tutorial #webpack_tutorial_2021 #webpack_tutorial_for_beginners #webpack_tutorial_for_beginners_2021

Скачать видео