秋雨
首页
  • HTML
  • CSS
  • JavaScript
设计模式
webpack
  • 前端常识
  • ES
  • React
  • Redux
  • ReactRouter
  • 事件循环
  • 浏览器渲染流程
  • Vue项目性能优化
  • Vue
  • App
Github
首页
  • HTML
  • CSS
  • JavaScript
设计模式
webpack
  • 前端常识
  • ES
  • React
  • Redux
  • ReactRouter
  • 事件循环
  • 浏览器渲染流程
  • Vue项目性能优化
  • Vue
  • App
Github
  • webpack简介
  • 工程简介
  • 前言
  • 基本使用
  • 基本配置
  • 开发模式介绍
  • 处理样式资源
  • 处理图片资源
  • 修改输出资源的名称和路径
  • 自动清空上次打包文件
  • 打包字体图标资源
  • 处理其他资源
  • 处理js资源
  • 处理HTML资源
  • 开发服务器&自动化
  • 生产模式介绍
  • Css处理
  • html压缩
  • 基本配置总结
  • 高级
  • 提升开发体验
  • 提升打包构建速度
  • 减少代码体积
  • 优化代码运行性能
  • 总结
  • 原理
  • Loader原理
  • Plugin原理

总结

本章节我们学会了 Webpack 基本使用,掌握了以下功能:

  1. 两种开发模式

    • 开发模式:代码能编译自动化运行
    • 生产模式:代码编译优化输出
  2. Webpack 基本功能

    • 开发模式:可以编译 ES Module 语法
    • 生产模式:可以编译 ES Module 语法,压缩 js 代码
  3. Webpack 配置文件

    • 5 个核心概念
      • entry
      • output
      • loader
      • plugins
      • mode
    • devServer 配置
  4. Webpack 脚本指令语法

    • webpack直接打包输出
    • webpack serve启动开发服务器,内存编译打包没有输出。
最后更新:
贡献者: Mrlishizhen
Prev
html压缩
Next
高级