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

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

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

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

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

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

本课程完整讲清新版本下的 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

万事俱备 只等你来

  • qq_原野_4

    好评

    用了将近两周的时间,把课程从头到尾,先看,再跟着老师的步骤查文档,写代码,收获还是挺多的,已经以笔记的形式保存了下来,以后还会常常翻看,温故知新。老师从webpack基础项配置,到loader、plugins的编写,到最后的小型bundler,层层深入,循序渐进。提问问题,老师也会及时地帮大家解决,感谢dell老师!后期会逐渐运用到项目中,学以致用才是目的!大家加油!后期有好的课程还会继续追随老师!

  • 偷偷的学

    好评

    深夜听到代码分割的章节,忍不住要来评论一番。一路听下来,感受最深的就是学起来毫无障碍。上学的时候老师讲过一个典故,叫老妪能解,就是白居易会把写完的诗一遍遍修改,直到老婆婆都能看懂,化难为易,化繁为简。DellLee老师讲课也是这样,循循善诱,小碎步,慢慢走。——简而言之,听老师的课是一种享受。

  • 神三元

    好评

    我是dell老师的粉丝,非常喜欢老师的授课风格,现在虽然只看了一半,但是以前做很多项目模糊的地方都逐渐清晰了,dell在这里并不是把所有的配置都演示,而是将常用的几个演示然后给我们留作业,下课后去翻看官方文档,我觉得这种授人以渔的方式才是更利于我们的成长,先点个赞!

查看全部2161条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题