Learn what you need for this course. This is a beginner's course, but it is helpful to be familiar with JavaScript. Also, this course makes use of npm (node package manager), so you need to have Node and npm installed.
- [Instructor] Learning Webpack will introduce us to new ways of packaging and building our JavaScript code. For that reason, I'll assume that you have a bit of JavaScript knowledge prior to taking this course. If you need a refresher, check out JavaScript Essential Training with Morten Rand-Hendriksen. We will also be installing Webpack via npm, so you'll need to be sure to have Node.js and npm installed to work with Webpack. In a later video, I'll show you how to make sure that these tools are installed. If you've never worked with them before though, you may want to watch Node.js Essential Training with Alex Banks.
That's about all you would need to get started with this course, so let's jump right in.
Author
Eve Porcello
Released
12/4/2017- What is webpack?
- Running webpack from the command line
- Setting up loaders
- Loading CSS
- Compiling SCSS
- Using webpack plugins
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome34s
-
-
1. What is webpack?
-
What is webpack?1m 59s
-
Installing webpack3m 1s
-
Creating a webpack config3m 40s
-
Using npm build scripts1m 18s
-
Using a watch command2m 1s
-
-
2. webpack Loaders
-
What is a loader?1m 17s
-
Setting up babel-loader3m 40s
-
Using babel presets2m 44s
-
Using babel-loader for React4m 12s
-
-
3. webpack and CSS
-
Loading CSS with webpack4m 44s
-
Compiling SCSS3m 17s
-
Loading images3m 22s
-
-
4. webpack Plugins
-
What is code splitting?1m 2s
-
Adding multiple entry points5m 52s
-
Bundling vendor files2m 41s
-
-
Conclusion
-
Next steps1m 1s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: What you should know