When we specify multiple entry points, we create separate bundles for separate pages. Learn how to create different entry points and bundle targets for a small app.
- [Instructor] In our first exploration of code-splitting,…we'll put together a project…that uses multiple entry points.…With multiple entry points, we create separate bundles…for different pages.…That way, we'll only load the code that we need.…First, we want to go to our project…and you'll notice that several files have been taken out…since our last chapter, and the reason for that…is just because we're going to start anew…with some new files.…So inside of our source folder,…we're going to create a new file…and this new file is going to be called about.…
So we'll call it about.html,…and this HTML file is going to have a DOCTYPE of html…and it's also going to have the scaffold of this page.…So we're going to say about, and then inside of our body,…we're going to add our react-container.…So the react-container should have an id of react-container.…Awesome.…So now that that is created, we're going to…literally copy and paste that into the source again.…
So we're going to create a new file here…called contact.html, and we'll just paste in what we had,…
- 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.