|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/webpack-optimizing-for-production/
课程评论：没有评论
Webpack 5：生产环境优化 本课程面向已具备 Webpack 基本知识，希望成为优化 Webpack 配置专家的人员。我们将通过一个实际的 Web 应用案例，逐步讲解如何应用各种 Webpack 功能来优化项目的打包构建，从而提升应用的加载性能。 课程亮点包括： * **CSS 处理策略：** 深入探讨 7 种不同的 CSS 处理方式，包括 CSS Modules 和多种 CSS-in-JS 库，帮助您根据实际需求选择最佳方案。 * **代码分割与懒加载：** 全面解析 Webpack 在代码分割方面的强大能力，介绍多种代码分割策略，并共同设计适用于当前项目的策略，彻底解决对代码分割的困惑。 * **生产环境优化技术：** 涵盖生产环境优化所需的各项技术，如图片优化、Tree Shaking、压缩算法等。 通过本课程的学习，您将能够显著提升现有 Web 应用的性能，并深入了解 Webpack 的高级用法，超越普通前端开发者的知识水平。课程内容会定期更新，确保涵盖最新的 Webpack 功能。 Q&A 部分提供充分的支持，助您解决遇到的问题。
Hi guys and girls, nice to see you here:) This is my 2nd course about Webpack, and this time my goal is to help you understand how you can optimize your Webpack configurations for production use cases. In this course we are going to focus on how to make your Webpack bundles as small as possible, and how to make your application loading times as fast as possible.This course is specifically designed for those people who already know some Webpack basics, and want to become experts in creating optimized Webpack configurations from scratch as well as improving existing Webpack configurations.In this course we are going to take an existing web application that's not using any kind of module bundlers, and apply various Webpack features in order to optimize this application and improve its loading performance. This means you will see how Webpack works in real world use cases. Each lesson builds on top of the previous ones, so it's very easy to follow.Here are just a few examples of what we are going to talk about.In one of the sections, I will show you 7 different approaches of handling CSS in your applications, including CSS Modules and a couple of CSS-in-JS libraries. As a result, you will become familiar with many approaches and you will be able to choose the most suitable one for your specific needs.In another section, we are going to have a long discussion about Code Splitting and Lazy Loading. Webpack is extremely good at Code Splitting, and we are going to talk about that a lot in this course. I will show you multiple Code Splitting strategies you can apply, and we will even define our own strategy applicable to the application we are developing in this course. After watching this course you won't ever be frustrated when you hear the words "Code Splitting" again.Also, we are going to cover topics related to Optimizing Images for Production, Tree Shaking, Compression algorithms, and many more! After watching this course you will definitely have some ideas on how to improve performance of your existing web applications. I can also promise that you will know more about Webpack than the average Front End Developer in your company.I am regularly updating this course, so you can be sure that this course is always up-to-date and covers the latest Webpack features.If you have any questions related to Webpack, feel free to post them in Q & A section. Many people have already found answers to their questions in Q & A, and I will be more than happy to help you with your questions as well.
