Learn how the vendor bundle allows you to wrap framework and library code into its own bundle, which is then cached on the user's computer, and doesn't have to reload for each page.
- [Instructor] Now that we know how to incorporate the…commons chunk plug in.…We can use it to create…a bundle of all of our library files.…In other words, we're going to create a vendor bundle…that's going to have anything related to…a library of framework that's been imported.…The first place I want to start out here is…actually inside of the source folder.…And we're going to create a new file called Index JS.…So we'll save this as index.js…and inside of this file we're going to…copy and paste one of our components about or contact.…
We'll just paste this directly here into this file.…So instead of calling this about,…we're going to call it display.…So lets go ahead and make some adjustments to our div here.…We'll just have it say important announcement.…Cool, so our index is created and once I've done that…I can actually delete everything else in the folder.…So we're going to delete about html, about java script,…contact html and contact js.…
Cool, so this should be our only file…that's living in that source folder at this point.…
- What is webpack?
- Running webpack from the command line
- Setting up loaders
- Loading CSS
- Compiling SCSS
- Using webpack plugins
Skill Level Intermediate
1. What is webpack?
2. webpack Loaders
3. webpack and CSS
4. webpack Plugins
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.Cancel
Take 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.