React Webpack Babel Setup From Scatch - 2020 React.js Tutorial

Publié le: 10 septembre 2020
sur la chaîne: LetsCode
9,058
298

How to set up a complete React JS project from scratch. Using webpack and babel. I also show you how to add additional useful loaders such as file-loaders to import images, scss loaders to use scss and compile it into scss. I also show you how to make builds for multiple environment with environment variables.

Regex used in video:
/\.(js|jsx)$/
/\.html$/
/\.(png|jpe?g|gif)$/i
/\.s[ac]ss$/i
/\.(js|jsx|ts|tsx)$/

tsconfig.json file:
{
"compilerOptions": {
"target": "es5",
"sourceMap": true,
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": false,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"jsx": "react",
"removeComments": true
}
}


Github repo: https://github.com/daryanka/webpack-b...


Sur cette page du site, vous pouvez voir la vidéo en ligne React Webpack Babel Setup From Scatch - 2020 React.js Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur LetsCode 10 septembre 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 9,058 fois et il a aimé 298 téléspectateurs. Bon visionnage!