webpack学习

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

视频跟练

浏览 74 扫码 分享 2022-07-21 23:15:24

    若有收获，就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • Webpack5学习
      • 一、 什么是Webpack
        • 为什么选择webpack
        • webpack的优点
      • 二、webpack基础应用
        • 1. entry 入口文件
        • 2. output 出口文件
        • 3. loader 转换
        • 4. plugin 加载
        • 5. mode 模式
        • 6. resolve 解析
        • 7. optimization 优化
      • 三、webpack搭建 SASS TS React 的项目
        • 项目的基础配置
          • 1. 新建项目
          • 2. 安装
          • 3. 新建配置文件
          • 4. 入口 entry
          • 5. 输出 output
          • 6. 模式 mode
          • 7. Source Map
          • 8. HtmlWebpackPlugin
          • 9. 使用 DevServer
          • 10. 执行命令
        • 项目的进阶配置
          • 1. 加载图片
          • 2. 加载字体 Font
          • 3. 加载CSS
          • 4. 使用 SASS
          • 5. 使用 PostCSS
          • 6. 使用 React TypeScript
      • 四、webpack 优化篇
        • 一、优化效率工具
          • 1. 编译进度条
          • 2. 编译速度分析
          • 3. 打包体积分析
        • 二、优化开发体验
          • 1. 自动更新
          • 2. 热更新
        • 三、加快构建速度
          • 1. 更新版本
          • 2. 缓存 cache
          • 3. 减少 loader 、plugin
          • 4. 优化 resolve 配置
          • 5. 多线程
          • 6. 区分环境
          • 7. 其他
        • 四、减少打包体积
          • 1. 代码压缩
          • 2. 代码分离
          • 3. Tree Shaking (摇树）
          • 4. CDN
        • 五、加快加载速度
        • 六、优化前后对比
        • 七、优化篇总结
    • webpack4性能优化
      • 视频跟练
      • webpack性能优化
        • HMR
        • source-map
        • oneOf
        • 缓存 cache
        • tree shaking
        • code split 代码分割
        • 懒加载和预加载
        • 多进行打包
        • PWA
        • externals 忽略打包
        • dll
        • webpack 优化总结
    • webpack面试
      • 01. webpack是什么
    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度
          思维导图备注