filmov
tv
Set up a Webpack Dev Server with Hot Reloading - Webpack #2
Показать описание
Learn how to spin up a development server with hot reloading in your Webpack and TypeScript project.
Webpack lets you compile your TypeScript project easily into a single bundled JS file.
With this development server running, you can see your changes in real time without having to recompile the entire project!
Not sure how to set up webpack and typescript?
Then check out part 1 in this series:
Video 1: How To Set Up TypeScript & Webpack!
Video 3: How to Load CSS Files in Webpack - Webpack #3
**TIMESTAMPS**
00:00 | Intro
00:38 | Add the Webpack Dev Server
01:45 | Add the HTMLWebpackPlugin
03:04 | Add a NPM script
03:12 | Start Dev Server
03:48 | Test Hot Reloading
04:07 | Outro
Webpack lets you compile your TypeScript project easily into a single bundled JS file.
With this development server running, you can see your changes in real time without having to recompile the entire project!
Not sure how to set up webpack and typescript?
Then check out part 1 in this series:
Video 1: How To Set Up TypeScript & Webpack!
Video 3: How to Load CSS Files in Webpack - Webpack #3
**TIMESTAMPS**
00:00 | Intro
00:38 | Add the Webpack Dev Server
01:45 | Add the HTMLWebpackPlugin
03:04 | Add a NPM script
03:12 | Start Dev Server
03:48 | Test Hot Reloading
04:07 | Outro