基础到实战 掌握新版Webpack4.0 手把手教学 新课完整版

基础到实战 掌握新版Webpack4.0 手把手教学 新课完整版

课程推荐

《基础到实战 掌握新版Webpack4.0 手把手教学 新课完整版》基础到实战 掌握新版Webpack4.0 手把手教学 新课完整版【技能收获】学完可掌握：Vue / 前端工程化、React 前端。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：Linux 运维工程师、SRE、云计算工程师、DevOps 工程师。云原生与自动化运维仍是企业 IT 刚需方向，认证 + 实战项目组合能显著提升面试通过率，适合向中高级运维或架构岗进阶。 若你已有一定编程或运维基础，本课程可帮助你在现有技能栈上快速叠加热门方向能力，提升求职时的项目说服力与薪资谈判空间。

视频目录（55 节）

*   1-1 课程导学.mp4

*   2-1 webpack 究竟是什么？.mp4

*   2-2 什么是模块打包工具？.mp4

*   2-3 Webpack的正确安装方式.mp4

*   2-4 使用Webpack的配置文件.mp4

*   2-5 浅析 Webpack 打包输出内容.mp4

*   3-1 什么是 loader.mp4

*   3-2 使用 Loader 打包静态资源（图片篇）.mp4

*   3-3 使用 Loader 打包静态资源（样式篇 - 上）.mp4

*   3-4 使用 Loader 打包静态资源（样式篇 - 下）.mp4

*   3-5 使用 plugins 让打包更便捷.mp4

*   3-6 Entry 与 Output 的基础配置.mp4

*   3-7 SourceMap 的配置.mp4

*   3-8 使用 WebpackDevServer 提升开发效率.mp4

*   3-9 Hot Module Replacement 热模块更新（1）.mp4

*   3-10 Hot Module Replacement 热模块更新（2）.mp4

*   3-11 使用 Babel 处理 ES6 语法（1）.mp4

*   3-12 使用 Babel 处理 ES6 语法（2）.mp4

*   3-13 Webpack 实现对React框架代码的打包.mp4

*   4-1 Tree Shaking 概念详解.mp4

*   4-2 Develoment 和 Production 模式的区分打包.mp4

*   4-3 Webpack 和 Code Splitting（1）.mp4

*   4-4 Webpack 和 Code Splitting（2）.mp4

*   4-5 SplitChunksPlugin 配置参数详解（1）.mp4

*   4-6 SplitChunksPlugin 配置参数详解（2）.mp4

*   4-7 Lazy Loading 懒加载，Chunk 是什么？.mp4

*   4-8 打包分析，Preloading-  Prefetching.mp4

*   4-9 CSS 文件的代码分割.mp4

*   4-10 Webpack 与浏览器缓存( Caching ).mp4

*   4-11 Shimming 的作用.mp4

*   4-12 环境变量的使用方法.mp4

*   5-1 Library 的打包.mp4

*   5-2 PWA 的打包配置.mp4

*   5-3 TypeScript 的打包配置.mp4

*   5-4 使用 WebpackDevServer 实现请求转发.mp4

*   5-5 WebpackDevServer 解决单页面应用路由问题.mp4

*   5-6 EsLint 在 Webpack 中的配置（1）.mp4

*   5-7 EsLint 在 Webpack 中的配置（2）.mp4

*   5-8 webpack 性能优化(1).mp4

*   5-9 webpack 性能优化(2).mp4

*   5-10 Webpack 性能优化(3).mp4

*   5-11 Webpack 性能优化(4).mp4

*   5-12 webpack性能优化(5).mp4

*   5-13 多页面打包配置.mp4

*   6-1 如何编写一个 Loader（1）.mp4

*   6-2 如何编写一个 Loader（2）.mp4

*   6-3 如何编写一个 Plugin.mp4

*   6-4 Bundler 源码编写（模块分析 1）.mp4

*   6-5 Bundler 源码编写（模块分析 2）.mp4

*   6-6 Bundler 源码编写（ Dependencies Graph ）.mp4

*   6-7 Bundler 源码编写（ 生成代码 ）.mp4

*   7-1 通过 CreateReactApp 深入学习 Webpack 配置（1）.mp4

*   7-2 通过 CreateReactApp 深入学习 Webpack 配置（2）.mp4

*   7-3 Vue CLI 3 的配置方法及课程总结（1）.mp4

*   7-4 Vue CLI 3 的配置方法及课程总结（2）.mp4