Webpack Front-End Essential Development Environment Settings - HTML + CSS + JS + Images
Hello, this is Coding Angma. 😈
In this lesson, we'll set up a front-end development environment with webpack.
We'll cover the bare minimum installation requirements and create a simple example.
Source Code: https://github.com/coding-angma/webpack
Covers:
webpack-dev-server
html-webpack-plugin
css-loader, style-loader, file-loader
mini-css-extract-plugin
clean-webpack-plugin
00:00 Intro
01:21 npm init
01:44 Webpack Installation and Configuration
04:40 html-webpack-plugin
06:18 webpack-dev-server
09:32 CSS
12:07 mini-css-extract-plugin
13:37 Image (file-loader)
14:52 Example
17:40 clean-webpack-plugin
19:18 Conclusion
----------------------------------------
This video requires prior knowledge of JavaScript.
#webpack #frontend