Using Webpack

Compiling and serving sophisticated Node applications using Webpack

updated on icon Updated on Nov, 2023

language icon Language - English

person icon Daniel Stern

architecture icon Development,Webpack

Lectures -22

Resources -2

Duration -1.5 hours


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 8,500+ top Tutorials Point courses anytime, anywhere.

Course Description

JavaScript is the only programming language all web browsers natively understand.

But what happens when your application gets too complex to effectively scale and be maintained when it is written as a loosely-connected array of plain JavaScript files?

The solution, of course, is to write your application using more sophisticated tools like TypeScript, React, LESS, JSON, and more. And to bundle all these non-JavaScript files into one clean package that browsers can understand you need a special tool like Webpack.

In this course, we'll learn everything necessary to build a deployment ready application with Webpack. Some of the key skills we'll be covering include:

  • Installing Webpack using NPM

  • Differentiating between Webpack versions

  • Creating a Webpack configuration file and editing it

  • Serving Webpack applications in a development context using Webpack Dev Server

  • Compiling React applications to JavaScript

  • Compiling CSS to JavaScript

  • Compiling text files (YAML) to JavaScript objects

  • ... much more

We'll be combining all these skills into a single Webpack application which you can build in real time while taking the course. This fun and interactive application will impress your peers and can be used as a base to practice or develop any Webpack skills you wish!

Don't hesitate. Don't even think about it. Sign on up and get ready to use Webpack and kick-start your career in any of the following high-demand fields:

  • Back-end developer

  • Full-stack developer

  • JavaScript developer

  • Node developer

  • Dev-ops and CI specialist

“No gains without pains.” - Benjamin Franklin


What will you learn in this course:

  • Installing Webpack using NPM
  • Understand and compare Webpack versions
  • Compile JSX (React) with Webpack
  • Create and modify webpack configuration files


What are the prerequisites for this course?

  • Beginner JavaScript
  • Beginner CSS
  • Beginner Node
  • Beginner React (Optional)
Using Webpack


Check out the detailed breakdown of what’s inside the course

7 Lectures
  • play icon What you ought to expect from this course 00:49 00:49
  • play icon Why Webpack? 00:55 00:55
  • play icon Course Roadmap 01:22 01:22
  • play icon How Does Webpack Work? 03:25 03:25
  • play icon Understanding Loaders 02:27 02:27
  • play icon Webpack Versions 06:22 06:22
  • play icon Summary 00:44 00:44
Installing and Configuring Webpack
12 Lectures
Building an Application with Webpack
3 Lectures

Instructor Details

Daniel Stern

Daniel Stern

Known in development circles as “the Code Whisperer," Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov. He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms. Daniel has been working as a front end and full stack developer in the tech industry since 2011. He's developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he's worked on computer programming in his spare time because, well, he's obsessed with it. In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio. In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England. Daniel is an active learner and very passionate about the following technologies, - Node.js - Angular.js - TypeScript - MongoDB - LESS - Grunt - Yeoman - Many, many, many more

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us