webpack学习

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

6. 区分环境

浏览 71 扫码 分享 2022-07-21 23:15:22

若有收获，就点个赞吧

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 ) 重置阅读进度
        思维导图备注