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