@Hitesh, this is my first time seeing your videos on YT, but I just have to say that I really appreciate your teaching style and the way that you present the important and relevant information. The flow of this video was just so perfect, and I couldn't help but leave a message to say thank you. I rarely ever comment on YT videos, since the comment section is often pretty toxic, but this is a rare exception. Subscribed and enabled notifications! If your other videos are anything even remotely close to this one in terms of information flow and presentation cadence, then I can't wait to check out all your existing content and and I'm very much looking forward to following your channel as you continue to produce great content in the future.
@nerdlekarandy19527 ай бұрын
Thanks Hitesh, I went through so many sources to run webpack, this one really explains it plain and simple. You are a good teacher.
@akashjalkote2483 жыл бұрын
'NODE_ENV' is not recognized as an internal or external command, operable program or batch file. showing this erroe
@yashkalavadiya50213 жыл бұрын
(to windows people) In case you are not able to set env like: "build": "NODE_ENV='production' webpack" Install win-node-env globally And set "build": "NODE_ENV=production webpack
@rabindrajoshi92583 жыл бұрын
install cross env: npm i cross-env use "cross-env NODE_ENV=production" in place of "NODE_ENV=production"
@mikewilliams67322 жыл бұрын
Finally, a Webpack tutorial that explains things simply. Excellent. Thank you Hitesh.
@scottonanski41732 жыл бұрын
Did you even bother to follow along with it? He fucked it up. This is useless. [webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration.module has an unknown property 'rule'. These properties are valid: object { defaultRules?, exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, generator?, noParse?, parser?, rules?, strictExportPresence?, strictThisContextOnImports?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp? } -> Options affecting the normal modules (`NormalModuleFactory`).
@ashishchoksi85013 жыл бұрын
wow! whenever I am planning to learn something new and the next day (mostly) Hitesh comes up with a video on that tech. This happens to me 3rd time. 1) docker 2) yaml 3) web pack.
@Dev-Phantom4 ай бұрын
This was my interview question, How to use Webpack and Babel. Finally, its Done a Part of it. Not fully But more than enough. Thanks Hitesh.
@sojuthomas77273 жыл бұрын
Awesome,just plan to learn webpack and it's on the top list of my news feed,did Google crack my mind 😂😂
@chiragkhandelwal91783 жыл бұрын
Lol there's always a comment like this
@manishvenkatesh58283 жыл бұрын
@@chiragkhandelwal9178 true 😂😂
@ratnadeepsaha76753 жыл бұрын
You might have done many google searches on webpack . So using webpack as a tag, google gave u suggestions in yt.. Smart work. Right?
@sojuthomas77273 жыл бұрын
@@ratnadeepsaha7675 True, I search for webpack on other days. The fun thing is that my plan to search webpack on that day and the same video on the top of my news feed was a coincidence 😂
@ratnadeepsaha76753 жыл бұрын
@@sojuthomas7727 google knows almost everything.. Be careful if you are married 😂😂
@vijaynavale39193 жыл бұрын
The actual way of teaching is good like it's totally focused teaching on focused topic no design no functionalities I adapted these a long ago 💯👌.
@sheeraz10223 жыл бұрын
Hi Hitesh Webpack used to be a nightmare for me, I couldn't find any tutorial as simple as this one. Now I have grasped a bit knowledge about Webpack. Thanks for this wonderful tutorial.
@venkatesh62543 жыл бұрын
Damnn, exactly what I was looking for, just after finishing your MERN course.
@saalimmushtaq3472 Жыл бұрын
This is unbelievable,how can someone make it look so simple,thank you very much,this was much needed
@barisgunduz2 жыл бұрын
I guess i ll not need any other course about webpack. Thanks for the video man. i appreciate a lot.
@aravindks76362 жыл бұрын
I'm new here, you're teaching way is awesome. Usually, I got bored after 15mins in a tutorial-like video. But your style of speaking is much interesting to watch the video at a single streak
@joeljacob46852 жыл бұрын
Enge pathalum nee😂😂🤣🤣
@bishwajeetpandey1570 Жыл бұрын
Thank u so much for giving the test of bundler , i know this a tip of iceberg and there is alot to explore.
@csababalint65062 жыл бұрын
Best Webpack introduction for beginners I could find. Easy to follow and well explained. Thanks!!
@prasoon25102 жыл бұрын
It will help on my next round of interview.. Thanks 😊
@vibhanshubiswas87293 жыл бұрын
thanks for some clarity I have been pulling my hair all day because some jr. dev chose to work with webpack directly and not being able to work with angular setup. FML. We are close to delivery now.
@alessiaroyce3328 Жыл бұрын
Thank you so much for this sir explaining is very clear and easy to understand God bless you 🎉
@eleah26653 жыл бұрын
Yes I can see that look on your face! You will notice from my face that I remember Ajax very well! Thanks for good, quick tutorial.
@911madza3 жыл бұрын
Do people still use it directly? 👀 I mean in 2021 it feels like it's baked into all those modern frameworks 😀😀
@hamzabadar2022 жыл бұрын
Sir I am getting an error using command npm run build exit(`Invalid env var:`, arg); ReferenceError: exit is not defined
@kovendanragupathi76323 жыл бұрын
Vow, i have been expecting this crash course from you. Thank you so much
@bhadguy9174 Жыл бұрын
You're great. Just saved my dreams.
@renu34633 жыл бұрын
Please make a short video on ESbuild and Snowpack
@mahdimousavi34702 жыл бұрын
Your Videos are awesome, completely perfect and comprehensive and easy to learn. I appreciate it
@arifdevcoding3 жыл бұрын
yeah, i enjoyed and already subscribed
@tarunkumarvella91573 жыл бұрын
an eyeopener , Thank you hitesh for explaining us on how webpack works , windows users please use babel/core and babel/preset-env and npm install -g win-node-env in order to run and build the project
@jaysuthar87493 жыл бұрын
Now your intro looks super professional
@premjitb75412 жыл бұрын
Thank you Sir.....It always felt like a herculean task for me to understand the webpack....but this video is just eminent, it articulates the basics which one will understand easily. A big shout out to you.
@amantech6833 жыл бұрын
Now this is a legendary content from a legendary creater..... Salut to you hitesh sir.... Love from a 15 year old fan❤️❤️❤️❤️❤️
@devanshsinghparmar3 жыл бұрын
Lier, Your Id on KZfaq From 2018 Biggest Lie!
@amantech6833 жыл бұрын
@@devanshsinghparmar what do u mean dear
@devanshsinghparmar3 жыл бұрын
@@amantech683 I mean you said in last "Love from 15 years" and your id is created from 2018...
@amantech6833 жыл бұрын
@@devanshsinghparmar ohh dude thats a misconception brother i meant that i am 15 years old 😀😀
@devanshsinghparmar3 жыл бұрын
@@amantech683 Oh Sorry for that just a mistake, Sorry bro
@jawadvajeeh76262 жыл бұрын
You are just amazing. Your explanation is unique, and you actually teach us how to read and use documentation. And this makes you special and helps us further in our journey to learn and understand further. Thanks, Hitesh!
@kevindandrade401613 сағат бұрын
For Windows users when you run 'npm run build' and you get an error of : 'NODE_ENV' is not recognized as an internal or external command, operable program or batch file. FIX: 1) npm install --save-dev cross-env 2) In your package.json: "scripts": { "build": "cross-env NODE_ENV=production webpack" }
@satishr20713 жыл бұрын
very nice video and explained very well Thanks keep up the good work ...
@kumarashish26072 жыл бұрын
cool! really great content.
@harshitakumawat391710 ай бұрын
hello sir!! sir i have setup webpack but why i;m getting so much eslint errors in my production build files. like Unexpected combined character in character class.eslint , Do not access Object.prototype method 'hasOwnProperty' from target object.eslintno , Do not access Object.prototype method 'hasOwnProperty' from target object.eslintno-prototype-builtins AND so many errors epprox 200 . Please help me to resolve this issue.
@rahulpradhan4862 Жыл бұрын
if you found any error in npm run build trt this "scripts": { "start": "webpack serve", "build": "webpack", "test": "echo \"Error: no test specified\" && exit 1" },
@md.imanali99982 жыл бұрын
It's very amazing tutorial! great work.
@leeeric62928 ай бұрын
Even I have installed the "npm install -g win-node-env", after I type in "npm run build", error messages are shown in the terminal, that is './src', I don't got it. And the "dist" folder is not produced accordingly. I tried to change the name of "app" folder to "src" folder, then I can see the "dist" folder is produced, however, the filename of the file produced is called "main.js", not "bundles.js," and there is no html file produced....
@akashtakawale90743 жыл бұрын
Very well explained hitesh !!
@vishutiwari993 жыл бұрын
Please make a video on snowpack as well. I heard it is the fastest module bundler.
@shuvo91313 жыл бұрын
Thanks for the tutorial. I got my basics. wonderful explanation sir.
@moeedelahi30012 жыл бұрын
hey, this is my first time that i am on this channel and the way u explained webpack ,wo man i mean i'm not gonna forget it surely, but i have a question on what scenario do we need to work with webpack manualy i m a react develper and as i have seen it when i run the command npm create react app it automatically install's webpack? so when will we need this?
@jyotighali8002 Жыл бұрын
'NODE_ENV' is not recognized as an internal or external command, operable program or batch file. I m getting this error while building
@manojdewangan75343 жыл бұрын
First Day : First Show 😍
@octavian30332 жыл бұрын
Such an awesome crash course. Thanks a lot
@helloMoney0073 жыл бұрын
'NODE_ENV' is not recognized as an internal or external command, operable program or batch file. , help here
@bluetoothera95803 жыл бұрын
"build":"set NODE_ENV='production & webpack'"
@subharupchakraborty5222 жыл бұрын
I found similarity between the way you speak and the way Mosh speaks
@learnearn87213 жыл бұрын
Saturday interviewer asked me do you know webpack I said no that time. But now I got the answer thank u so much Hitesh sir..
@rajkumarpatel97352 жыл бұрын
Now with npm start works with "webpack-dev-server"
@sakshamjaiswal40252 жыл бұрын
Great One
@animeshsingh42903 жыл бұрын
Wouldn't running npx run --watch be the same thing as running a dev server ?
@abdulmalikzihad35423 жыл бұрын
If I need to use web pack for my another project. Do I need to go again and again with this steps or there is another way to do it
@vanshvarshney3 жыл бұрын
Most Awaited Video
@ahmadpak3 жыл бұрын
Thank you so much Hitesh
@RazerCrick3 жыл бұрын
Very nice, gave a lot of insights of the underlying things for CRA. I am having one query: How can we make build release process of a component inside a large app independent. I have a react app name: example inside that i have component-a component-b component-c How can i make independent deployment for component-c without deploying the whole app (i.e example here) ? thoughts i tried: - component-c i can put on npm but that again required update of package in main app once i release a new version of component-c. resulting in a new deployment of the whole app. - Hosting on something like bit dev
@arpithiside3 жыл бұрын
Sir you're getting fitter day by day🔥
@HiteshCodeLab3 жыл бұрын
Thanks but gyms are now closed my city. Hope you are doing good too
@VenkatGudavalli3 жыл бұрын
Six pack...coming soon 😁
@lemokami3 жыл бұрын
@@VenkatGudavalli webpack with sixpack😌
@VenkatGudavalli3 жыл бұрын
@@lemokami 🤣🤣
@adhdmed2 жыл бұрын
Hi there, when I run nom run Dev I get the message to say ... Node modules does not exist
@Akira-sh7ts2 жыл бұрын
Thanks sir now plz make video on babble js
@NuhAleph3 жыл бұрын
Awesome, we love your content
@pixelsbyme3 жыл бұрын
I just purchased a course from LCO sir. Your courses are cool. But just one thing, I like your dev setup (especially theme and font in VS Code) . Could we get a video on that? Thanks again for such amazing courses
@HaileabAbrha3 жыл бұрын
Thanks for your wonderful lecture
@thisissharief76512 жыл бұрын
pls specify the os you are using it is creating problems \
@thatguyfromca Жыл бұрын
When I try to build I get this message, "NODE_ENV" is not recognized as in internal or external command
@thatguyfromca Жыл бұрын
I'm on Windows so I needed to use this to get it to work :"build": "set NODE_ENV=production&& webpack"
@sanilkp61802 жыл бұрын
This excellent tutorial really helped me! Very easy to follow. Thank you very much for the same! Appreciate your effort!
@HiteshCodeLab2 жыл бұрын
Thanks
@jeevanstha572 жыл бұрын
How to add jquery in webpack?
@hiteshsuthar10973 жыл бұрын
Thanks
@amantech6833 жыл бұрын
Have you got the error of NODE_ENV is not recognised as an internal or external command then check this out:- in the build script of package.json add SET NODE_ENV='production' webpack if you use windows...Thank me later
@AshuSingh-mw2wt3 жыл бұрын
Still got error. Needed to add & after production without space
@viraj_singh3 жыл бұрын
had to install @babel/core on my system too because of ERROR in ./app/index.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module '@babel/core' npm i @babel/core --save-dev
@md.mustafaarkan1392 жыл бұрын
tnq bro....you save my day
@Dev-Phantom4 ай бұрын
cool
@akshaypanchal89423 жыл бұрын
Which theme is this?
@sanidhyaojha56763 жыл бұрын
Sir is m1 mac good for coding in vscode i.e. it supports vs code or not?
@lemokami3 жыл бұрын
ya it is. I am currently using one
@amankhanna3542 жыл бұрын
Thanks dude🔥
@TravelmomentsАй бұрын
webpack serve will run the application in browser that did not happen in your case..
@ratnadeepsaha76753 жыл бұрын
Bro.. Please make a video on Vanilla JS
@javascriptguy62823 жыл бұрын
Purchased React from LCO i like your teaching technique
@HiteshCodeLab3 жыл бұрын
Thanks and welcome
@Mrroy086573 жыл бұрын
Bro.plz tell - Which Online Freelance Career is Highest Paid for Fresher like me, as I don't have any knowledge in Coding & Programming languages? What's the Best, In-Demand and mostly Highest Paid Online Skills for Fresher - Cyber Security, Blockchain Development, Ethical Hacking, Software development - which one ? or anything else ??
@sudo-abhinav3 жыл бұрын
thanku sir for awesome courses ❤️🙏
@HiteshCodeLab3 жыл бұрын
Most welcome
@rajantandan97233 жыл бұрын
Cool intro
@Haseena512 Жыл бұрын
I am getting error missing script build
@yash.dobariya3 жыл бұрын
good one
@ashishchoksi85013 жыл бұрын
Hello Hitesh sir, I am struggling to learn CI/CD pipeline. I have to make my GitLab such that when I push my changes to a particular branch it will automatically run the test file and deploy code to the server. so, I got to know about CI/CD is something that can do this, search on youtube but not understood well. Is that possible for you to make a video on that? or if someone knows or has a good resource, please share.
@chamansoni80133 жыл бұрын
Ya really tough for beginners thanks for this video
@HiteshCodeLab3 жыл бұрын
Not anymore 😀
@Mrroy086573 жыл бұрын
Hi Bro. How are you ? I'm from Basirhat, West Bengal.
@bhumit0703 жыл бұрын
Sir i talked about indexed db on instagram remembered ? Would love to see video on it
@jaganraajan3 жыл бұрын
Clear explanation
@antimverma944 Жыл бұрын
bhaiya ji jo bhi bataya smjh nhi aaya. puri tarah smjhne k liye kya read kre
@rikinparekh3 жыл бұрын
I hit your comments to a century💯😉😉
@pawan291219913 жыл бұрын
I am really interested to teach the technology like you . Can you help where can I get started ? Also if possible, share all the logistics you use to get output like your videos are.
@namratadas5569 Жыл бұрын
Great video Hitesh! While doing npm run build i'm getting below error NODE_ENV' is not recognized as an internal or external command, operable program or batch file. could u plz suggest on this?
@rikgissel9189 Жыл бұрын
***THIS IS A COPIED AND PASTED COMMENT. ALL CREDIT GOES TO abclpiano. For Windows people, to resolve the error, “Node_ENV=production webpack “ is not an internal/external command. Then follow the steps.🪜 given below 👇 : (1) Execute the following command 🖥 npm install -g win-node-env (2) Go to the package.json file, and add “&” as follows: ⚙ “scripts”: { “build”: “NODE_ENV=‘production’ & webpack”, } (3) Now, Go to the terminal 🖥 and run again npm run build It will work ✅✌✌🤗✅
@tanzeelahmed20553 жыл бұрын
I was eager to watch this video....
@mrvaibh03 жыл бұрын
"that look on your face" 😂
@rushankshah91853 жыл бұрын
For Windows Users: "build": "SET NODE_ENV='production' && webpack"
@manojbhamre60623 жыл бұрын
love ur content
@vashishtdevasani90283 жыл бұрын
Difference between grunt and webpack?
@venkatsai12503 жыл бұрын
Please make video on openshift sir
@muhammad_haseeb_ali2 жыл бұрын
thank you sir for this
@Allrounder-wf5mv Жыл бұрын
Nice explanation
@HiteshCodeLab Жыл бұрын
Thanks and welcome
@darkseid34273 жыл бұрын
Sir do you have course on web developement for beginners?
@sabazalam19873 жыл бұрын
Pls pls pls sir make video on your vs code theme.. 😔