下载APP

慕课网APP - 随时随地学编程

App Store下载 Android下载

扫描下载慕课网APP

/ 实战 / 从基础到实战手把手带你掌握新版Webpack4.0

从基础到实战手把手带你掌握新版Webpack4.0

融合技能+项目+思想讲解前端开发必学的Webpack

难度中级时长 17小时学习人数 2827 综合评分 10.00

立即购买加购物车

观看试看视频

从基础到实战手把手带你掌握新版Webpack4.0

Webpack 目前无论在求职还是工作中，使用越来越普及。而想要学懂，学会Webpack更绝非易事。本课程完整讲清最新版本下的 Webpack 4 知识体系，通过基础 + 实例 + 原理代码编写 + 复杂案例分析完成Webpack4的分析与讲解。更重要的是让你对整个前端项目的构建有一个全局化的认识，实现能力思想双升级。

Dell

资深前端工程师

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定

重新观看

觉得Webpack难学？你可能只是欠缺一位引路人

在职场中，Webpack是一项前端人员的必备技能。而官网中文版滞
后，配置项冗余，学习资料难寻，许多开发者在自学过程中遇到报错也
常常会束手无措。你需要一位引路人，帮助你解答学习中遇到的疑问

本课程由明星讲师讲解，涵盖了Webpack新版本核心知识，手把手带
你实战演练，能够让你从快速入门到彻底掌握Webpack配置。在理解
Webpack的作用以及原理的同时，能够真正的学以致用。

从入门到进阶，全面系统学习Webpack

前端开发者的必备技能包拥有前端工程化开发思维

基础使用

认识Webpack
了解模块打包
多种Webpack安装方式及最佳方案
配置
命令行

核心知识

认识Loader
打包静态资源
plugins的概念及打包
SourceMap 应用与配置
WebpackDevServer
热模块更新
Babel 配置

进阶

Tree Shaking
Webpack中的分片打包
SplitChunksPlugin
懒加载和chunk
打包分析，Preloading, Prefetching
CSS 文件的代码分割
浏览器缓存
Shimming、环境变量使用方法

原理分析与扩展

自定义loader
自定义plugin
Webpack打包原理全分析
Webpack源码设计原理
全面性能优化

真实场景还原手把手带你从零实现项目配置

涵盖所有主流技术在实战中掌握Webpack 使用技巧

单页应用多页应用 React Vue Typescript ES6 PWA EsLint 性能优化

循序渐进，明星讲师带你搞定Webpack应用

高效完成项目配置达到百度T4水准

学员专享增值服务

问答专区

关于课程的问题都可在问答区随时提问,讲师会进行
集中答疑

源码开放

课程案例代码完全开放给你，你可以根据所学知
识，自行修改、优化

适合人群

前端开发者，有过真实项目经历，并在项目中使用过 Webpack ，做过
简单配置尝试

技术储备要求

了解 JS 基础语法
使用过类似于 Webpack 这样的打包工具
对NodeJS有所理解

环境参数

Webpack 4.29

万事俱备只等你来

zzydev

好评

老师的这门webpack是将一个工具，从没有的时候，遇到什么问题，应该怎么解决，到有了webpack之后怎么做，通透地讲明白了本质原理以及如何运用工具。跟着布置的作业看文档会很清晰的认识到一个体系，很赞，希望老师能勤劳出课。早点帮大家串联一个高级前端的完整体系。
彭小呆

好评

我是小呆，从dell老师的vue去哪里网来的，老师讲课逻辑清晰，由浅到难，非常不错，非常吸引我的是webpack，之前自己搭脚手架的都是用vue自带的，自己都不会，现在希望看了课程，能够自己搭一个出来，哈哈。其实，在it的路上很迷茫，接触过汇编，c，java，python，服务器，等等，现在主要前端开发，希望自己能够在这条路上走得更久更远，收获到一些知识和能力。
BernhardRiemann

好评

哎，我是黄老师的金刚粉丝，本来购买其他的课程我是拒绝的，因为我怎么知道别的老师的课程有黄老师讲解的那么全面，深度，有设计呢。不能你慕课网推荐我，我就买。买了不好观众会骂，根本没讲清楚嘛。但是dell老师确实超出了我的想象，他是那种能从第一性原理出发帮初学者理清概念的人，就是说很多高阶层的人不再能在低阶层从0开始推导，他们往往跳跃，这需要一种能力和一种爱心。希望dell老师尽快更新。