Skip to content

Learn Webpack – Tutorial complet pentru începători

Learn Webpack – Tutorial complet pentru începători

Învață Webpack de la Colt Steele în acest curs tutorial complet. Începe cu o întrebare simplă: „Ce este webpack?” Trecem rapid la instalarea Webpack, configurarea lui și adăugarea încărcătoarelor pentru CSS, SASS, HTML și fișiere. Cursul acoperă eliminarea memoriei cache, configurarea unui server de dezvoltare și împărțirea fișierelor de configurare de dezvoltare și producție. Încorporăm mai multe plugin-uri Webpack, inclusiv clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin și html-webpack-plugin. Sunt multe chestii 🙂

💻 Cod și angajamente: https://github.com/Colt/webpack-demo-app

🔗 Canalul YouTube al lui Colt Steele: https://www.youtube.com/channel/UCrqAGUPPMOdo0jfQ6grikZw
🔗 Cursurile Udemy ale lui Colt Steele: https://www.udemy.com/user/coltsteele/

⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Ce este Webpack?
⌨️ (0:08:12) Instalarea și rularea Webpack și Webpack-CLI
⌨️ (0:22:18) Importuri, exporturi și module Webpack
⌨️ (0:29:58) Configurarea pachetului web
⌨️ (0:38:57) Încărcătoare, CSS și SASS
⌨️ (0:53:55) Cache Busting și pluginuri
⌨️ (1:07:13) Împărțirea dezvoltării și producției
⌨️ (1:17:13) Html-loader, File-loader și Clean-webpack
⌨️ (1:28:17) Puncte de intrare multiple și Vendor.js
⌨️ (1:34:45) Extrageți CSS și reduceți HTML/CSS/JS

Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org

Citiți sute de articole despre programare: https://www.freecodecamp.org/news

Cursuri interesante:

Leave a Reply

Your email address will not be published. Required fields are marked *