饥人谷Webpack源码深度解析

深入Webpack原理,提升构建效率

编辑点评

从高级配置到源码解析,全面掌握Webpack核心技术。

⭐ 编辑推荐

深入Webpack源码,解析高级配置,提升前端构建效率。

课程亮点

Webpack源码深度解析
高级配置实战
提升构建效率

课程目录

📁 8.Webpack高级配置举例(1)
    8.Webpack高级配置举例(1)文档.png  [493.5 KB]
    1 如何使用课程中的代码.mp4  [18.1 MB]
    12 建议:使用src代替@.mp4  [11.3 MB]
    10 让JS和TS支持@alias.mp4  [46.6 MB]
    7 让ESLint支持TypeScript.mp4  [58.9 MB]
    8 用babel-loader打包TSX.mp4  [51.4 MB]
    4 用babel-loader打包JSX.mp4  [26.6 MB]
    9 科普:CRLF是什么.mp4  [31.0 MB]
    2 让webpack输出的代码支持IE.mp4  [24.7 MB]
    11 问答:webpack应学到什么程度.mp4  [31.6 MB]
    3 用babel-loader打包JS.mp4  [32.8 MB]
    5 给webpack配置ESLint插件.mp4  [35.3 MB]
    6 用babel-loader打包TypeScript.mp4  [16.0 MB]
📁 3.Loader原理
    3.Loader原理必看.png  [493.5 KB]
    3-3 发现打包器的问题.mp4  [69.8 MB]
    3-5 raw-loader和css-loader源码赏析.mp4  [78.1 MB]
    3-6 loader 面试题.mp4  [13.9 MB]
    3-2 创建 CSS loader.mp4  [31.3 MB]
    3-1 如何加载 CSS 文件.mp4  [57.5 MB]
    3-4 阅读style-loader源码理解 webpack.mp4  [58.2 MB]
📁 4.阅读Webpack源码前的准备
    4.阅读Webpack源码前的准备说明.zip  [1.8 MB]
    4 其他准备工作.mp4  [10.7 MB]
    4-2 两种调试 webpack-cli 的方法.mp4  [70.8 MB]
    4-1 课程优势.mp4  [34.5 MB]
    3 第三种调试方式 yarn link.mp4  [48.2 MB]
📁 2.Webpack核心原理
    2.Webpack核心原理文档.zip  [1.8 MB]
    2-3 把多个文件打包成一个.mp4  [114.2 MB]
    2-2 编译 import 和 export 关键字.mp4  [77.2 MB]
    2-1 webpack 要解决的两个问题.mp4  [38.6 MB]
    2-5 打包器完成.mp4  [78.8 MB]
    2-4 最终文件长什么样子.mp4  [11.6 MB]
📁 5.逐行于都Webpack源码(上)
    1 分析 webpack-cli 是如何调用 webpack 的.mp4  [39.9 MB]
    4 分析 Webpack 的整体流程.mp4  [147.6 MB]
    2 创建编译器 Compiler 的过程.mp4  [58.5 MB]
    5 Webpack 是如何处理 Entry 的.mp4  [138.1 MB]
    6 你怎么知道 facotery 就是 nmf 呢?.mp4  [41.4 MB]
    文章.doc  [11.5 KB]
    3 Tapable 是什么.mp4  [26.2 MB]
📁 10.Webpack高级配置举例(3)
    1 Webpack 优化之单独打包 runtime.mp4  [18.6 MB]
    3 Webpack 优化之用 splitChunks 将 node 依赖单独打包.mp4  [37.7 MB]
    6 Webpack 优化之 common 插件.mp4  [33.9 MB]
    2 为什么要单独打包 runtime.mp4  [19.1 MB]
    7 无限多页面的实现思路.mp4  [11.6 MB]
    5 Webpack 多页面.mp4  [30.3 MB]
    4 Webpack 优化之固定 moduleIds(不重要).mp4  [20.8 MB]
📁 7.Webpack插件原理
    7 看看网上的相关文章.mp4  [18.3 MB]
    4 插件 3 源码讲解.mp4  [36.7 MB]
    2 插件 1 源码讲解.mp4  [28.7 MB]
    3 插件 2 源码讲解.mp4  [34.8 MB]
    1 Webpack Plugin 工作机制.mp4  [15.6 MB]
    5 loader vs plugin 区别.mp4  [28.1 MB]
    6 如何自己写 plugin.mp4  [37.0 MB]
📁 6.逐行阅读Webpack源码(下)
    7 Webpack 整体流程复述.mp4  [40.6 MB]
    3 _source 与 _ast.mp4  [79.0 MB]
    8 你可以看懂别人写的博客了.mp4  [33.1 MB]
    6 Webpack 分析 JS 的过程.mp4  [80.8 MB]
    1 回顾上节课.mp4  [16.3 MB]
    4 Webpack 借助 acorn 的 parser 分析 JS.mp4  [37.9 MB]
    5 如何用目前的知识在面试官面前装X.mp4  [17.7 MB]
    2 factory.create 与 module.mp4  [55.1 MB]
📁 1.AST、Babel、依赖
    1-4 分析index.js的依赖.mp4  [77.9 MB]
    1-5 递归地分析嵌套依赖.mp4  [52.4 MB]
    1-3 将代码转化为ES5.mp4  [64.7 MB]
    1-1 babel与AST.mp4  [113.3 MB]
    1-2 把let变成var.mp4  [38.9 MB]
    1-6 静态分析循环依赖.mp4  [120.0 MB]
    1-0.txt  [70.0 B]
    1-0.pptx  [2.3 MB]
    课后测试.docx  [181.1 KB]
📁 9.Webpack高级配置举例(2)
    9 Webpack config 重构.mp4  [18.9 MB]
    11 自动生成HTML页面.mp4  [21.2 MB]
    6 LESS 分享变量给 JS.mp4  [17.1 MB]
    2 SCSS 自动 import 全局文件.mp4  [19.0 MB]
    7 对比 SCSS 和 LESS.mp4  [26.7 MB]
    5 LESS 自动引入全局文件.mp4  [12.7 MB]
    10 在生产环境提取单独的CSS文件.mp4  [29.2 MB]
    8 支持 Stylus 文件.mp4  [22.4 MB]
    1 让 webpack 支持 SCSS.mp4  [50.8 MB]
    4 让 Webpack 支持 LESS 文件.mp4  [21.1 MB]
    3 SCSS 分享变量给 JS.mp4  [28.6 MB]
Webpack源码.jpg  [1.5 MB]

适合人群

  • 前端工程师
  • Webpack爱好者

学习收获

掌握Webpack核心原理
学会高级配置技巧
提升项目构建性能

祝您学习愉快!

学有所成,前程似锦!