React TypeScript Webpack - Setup From Scratch (3/8)

⚡️ Checkout Taskade! www.taskade.com/
📘 Courses - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support PayPal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav/React-Type...
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - [e-mail]
React TypeScript Webpack - Setup From Scratch

[@Codevolution]

Give Taskade a try - www.taskade.com/
Request for 1 year free upgrade by mentioning Codevolution - www.taskade.com/contact

[@arjundexter309]

I know Im asking the wrong place but does someone know of a trick to log back into an instagram account?
I stupidly lost my password. I would love any tricks you can offer me

[@wayneswildworld]

I get an error for both sripts

[@wayneswildworld]

Can you please help me I am following your tutorial exactly and its not working

[@adityagupta232]

HI, thanks for the video. one doubt I have, NODE_ENV value is coming from 'mode' value which is defined in webpack config ?

[@user-vu9dl3vn7l]

Thank you so much for this helpful tutorial! ♥

[@Shakeel714]

Nice explanation of react typescript webpack combination.

[@bacon37460]

I liked the series so far.

[@airshock4641]

5:37 you can simplify:
const { merge } = require('webpack-merge')
const commonConfig = require('./webpack.common')
module.exports = (envVars) => {
const { env } = envVars
const envConfig = require(`./webpack.${env}.js`)
return merge(commonConfig, envConfig)
}

[@catlord69]

one tip for maybe more readable code: you can deconstruct an object as parameter in javascript. So instead of writing:
function x( obj ) {
const { atr } = obj;
}
you can do
function x( { atr } ) {
// use 'atr' as you need
}

[@kollabor8]

const { merge } = require('webpack-merge');
const commonConfig = require('./webpack.common');
module.exports = ({ env }) => {
const envConfig = require(`./webpack.${env}.js`);
return merge(commonConfig, envConfig);
};
..
Looks a lot cleaner, thanks

[@thisisgksingh]

This was acutally great.

[@carlosayalav]

Thanks so much !!

[@maymumk3618]

Hi everyone, please is there any way to prevent webpack from creating a js file for my my css when i run npm build? I keep getting appcss.js !!!

[@premjogi2138]

Hello sir/everyone, Do you have any idea about signing the pdf using node js I have used node-sign pdf package but the package hasn't the solution which I am getting right now.
Thank you!

[@TheDEMMX]

where did npx serve come from?
Where is ti defined? How does it know what to do for react serve?

[@joecolas]

very good tutorial

[@shruthigowda1377]

just amazing

[@skyzsolstice]

how did you access 'process' in your react app, it's not defined on my end when I try to access it in my app

[@becauseiwanttoanime9541]

i have the same problem

[@pranavpatil5849]

Query:
Can same kind of env profiling b done with Nextjs projects?
Btw this series is awesome.. thanks a ton..

[@pogadev]

Awesome serios!!! Thanks! One quick question: what do you mean by adding webpack.test.js if we have other environments? Let's say that I have SIT and UAT environments, how do you suggest handle them?

[@Codevolution]

Just copy the test.config to sit.config and uat.config possibly and change the env variables

[@pogadev]

@@Codevolution yep, awesome

[@milanjain7943]

Hi, I am facing one issue with this setup.
Build File is not working on IE11

[@fahadshovon2713]

Try npx serve -s build

[@shaikharbaaaz]

i have issues on build, my routing is not working, it says, 404 requested path not found

[@niksgaming3396]

Try npx serve -s build

[@reactivicky]

awesome

[@arunnegi9505]

"Hey guys my name is vishwas"

[@aleksandrmatyka3118]

top

[@malikasultanova9950]

Can you make interview preparation course specifically for React JS and Redux