Splitting The Bundle
Splitting The Bundle
Upgrading AngularJS Part 2: Modern Builds with Webpack and TypeScript
Buy now
Learn more
Watch & Read First
Course Intro and Overview
Modern Tooling
Module 1: Our First Module in Webpack
Where We're At
Webpack In Plain English
Adding Webpack To Our Project
Our First Config
Adding The Bundle
Our First Module
What's Next
Quiz: Module 1
Module 2: Setting Up TypeScript
Installing TypeScript
TSConfig
Adding TSLoader
Resolve TS Extension
Import Angular & Install Types
Import Angular Router
Quiz: Module 2
Module 3: Webpack Tooling
Webpack Dev Server
Adding npm Scripts
Source Maps in Webpack
Quiz: Module 3
Module 4: Converting to Modules & TypeScript
Converting to Modules In One Go
Converting Customers Component
Converting Customer Detail
Converting Customer Service
Converting Customer Service Pt 2
Converting Customer Service Pt 3
Converting Address Factory
Converting Location Config
Converting Route Config
Assignment: Finish Modules
Quiz: Module 4
Module 5: Asset Management
Importing VendorJS
Style And CSS Loaders
File Loader
Module Wrap-Up
Quiz: Module 5
Module 6: Dynamic Webpack Config
Introducing The Server & Webpack Proxy
The Webpack Config Function
Installing Webpack Merge
Extracting env Configs
Fixing Output With Path
Quiz: Module 6
Module 7: The Production Environment
Adding Prod Config
HtmlWebpackPlugin
Raw Loader
Requiring Templates
Requiring Nav and Reloading
Assignment: Finish Templates
Quiz: Module 7
Module 8: Optimizing Our JavaScript
Splitting The Bundle
Commons Chunk Plugin
minChunks Function
UglifyJS
Adding Hashes
Rimraf
Quiz: Module 8
Module 9: Optimizing Our CSS
Extract Text Plugin
Smart Merge
SCSS With Webpack
Extracting SCSS
Autoprefixing
Optimizing CSS
More Webpack Resources
Quiz: Module 9
Module 10: Testing
Installing Karma & Tools
Adding Karma Config
Adding Webpack Preprocessor
Adding Home Component Test
Adding Navigation Test
Webpack Tests Context
Moving Tests To Correct Folders
Loading One Last Time
Course Wrap Up
Quiz: Module 10
Preview unavailable
You must log in or sign up to view this lesson.
Login
Sign up
Upgrading AngularJS Part 2: Modern Builds with Webpack and TypeScript
Buy now
Learn more
Watch & Read First
Course Intro and Overview
Modern Tooling
Module 1: Our First Module in Webpack
Where We're At
Webpack In Plain English
Adding Webpack To Our Project
Our First Config
Adding The Bundle
Our First Module
What's Next
Quiz: Module 1
Module 2: Setting Up TypeScript
Installing TypeScript
TSConfig
Adding TSLoader
Resolve TS Extension
Import Angular & Install Types
Import Angular Router
Quiz: Module 2
Module 3: Webpack Tooling
Webpack Dev Server
Adding npm Scripts
Source Maps in Webpack
Quiz: Module 3
Module 4: Converting to Modules & TypeScript
Converting to Modules In One Go
Converting Customers Component
Converting Customer Detail
Converting Customer Service
Converting Customer Service Pt 2
Converting Customer Service Pt 3
Converting Address Factory
Converting Location Config
Converting Route Config
Assignment: Finish Modules
Quiz: Module 4
Module 5: Asset Management
Importing VendorJS
Style And CSS Loaders
File Loader
Module Wrap-Up
Quiz: Module 5
Module 6: Dynamic Webpack Config
Introducing The Server & Webpack Proxy
The Webpack Config Function
Installing Webpack Merge
Extracting env Configs
Fixing Output With Path
Quiz: Module 6
Module 7: The Production Environment
Adding Prod Config
HtmlWebpackPlugin
Raw Loader
Requiring Templates
Requiring Nav and Reloading
Assignment: Finish Templates
Quiz: Module 7
Module 8: Optimizing Our JavaScript
Splitting The Bundle
Commons Chunk Plugin
minChunks Function
UglifyJS
Adding Hashes
Rimraf
Quiz: Module 8
Module 9: Optimizing Our CSS
Extract Text Plugin
Smart Merge
SCSS With Webpack
Extracting SCSS
Autoprefixing
Optimizing CSS
More Webpack Resources
Quiz: Module 9
Module 10: Testing
Installing Karma & Tools
Adding Karma Config
Adding Webpack Preprocessor
Adding Home Component Test
Adding Navigation Test
Webpack Tests Context
Moving Tests To Correct Folders
Loading One Last Time
Course Wrap Up
Quiz: Module 10