Learn how you can install webpack using npm. Simply by running npm install webpack, you can add webpack to your project and use it for building your files.
- [Instructor] To get started working with Webpack,…we'll set up our Webpack project.…We'll be using NPM for this, the Node Package Manager.…NPM allows us to install packages…that have been created by companies or individuals…to use in our own projects.…Webpack is an example of one of these NPM packages.…So first, I'm gonna navigate to 01_02 here in my terminal,…so we'll just say cd chapter one, 01_02.…Great.…
And then next I'm going to make sure that node…is installed, so let's run node -v.…That'll tell us what version we're using.…And with my installation of node, I have NPM there as well,…so let's run npm -v, and we should see 5.3.…Any version that you have over about version 4…should be fine for this class, so don't feel…that you have to update if you are a version…behind me, or don't feel like you have to roll back…if you're ahead of me.…So the next thing I want to do here inside of 01_02,…actually, I need to navigate to my start folder.…
So let's do that first.…So we're in 01_02 start, and I want to run npm init.…
Author
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
Related Courses
-
Workflow Tools for Web Developers
with Christina Truong1h 13m Intermediate
-
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
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press 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: Installing webpack