Learn Webpack - Full Tutorial for Beginners

Publicado em: 19 Junho 2019
no canal de: freeCodeCamp.org

385,873

9.3k

Learn Webpack from Colt Steele in this full tutorial course. It begins with a simple question: "What is webpack?" Quickly we move on to installing Webpack, configuring it, and adding loaders for CSS, SASS, HTML, and Files. The course covers cache busting, setting up a dev server, and splitting up your development and production config files. We incorporate multiple Webpack plugins including clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin, and html-webpack-plugin. It's a lot of stuff :)

💻 Code and commits: https://github.com/Colt/webpack-demo-app

🔗 Colt Steele's YouTube channel: / @coltsteelecode
🔗 Colt Steele's Udemy courses: https://www.udemy.com/user/coltsteele/

⭐️ Course Contents ⭐️
⌨️ (0:00:00) What Even Is Webpack??
⌨️ (0:08:12) Installing and Running Webpack and Webpack-CLI
⌨️ (0:22:18) Imports, Exports, & Webpack Modules
⌨️ (0:29:58) Configuring Webpack
⌨️ (0:38:57) Loaders, CSS, & SASS
⌨️ (0:53:55) Cache Busting and Plugins
⌨️ (1:07:13) Splitting Dev & Production
⌨️ (1:17:13) Html-loader, File-loader, & Clean-webpack
⌨️ (1:28:17) Multiple Entrypoints & Vendor.js
⌨️ (1:34:45) Extract CSS & Minify HTML/CSS/JS

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://www.freecodecamp.org/news

Nesta página do site você pode assistir ao vídeo on-line Learn Webpack - Full Tutorial for Beginners duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário freeCodeCamp.org 19 Junho 2019, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 385,873 vezes e gostou 9.3 mil espectadores. Boa visualização!

119,078

2.4 mil