webpack总结16--webpack入门学习

总结

通过前面的内容我们学会了 Webpack 基本使用,掌握了以下功能:

1.两种开发模式

  • 开发模式:代码能编译自动化运行
  • 生产模式:代码编译优化输出

2.Webpack 基本功能

  • 开发模式:可以编译 ES Module 语法
  • 生产模式:可以编译 ES Module 语法,压缩 js 代码

3.Webpack 配置文件

  • 5 个核心概念
  • entry
  • output
  • loader
  • plugins
  • mode
  • devServer 配置

4.Webpack 脚本指令用法

  • webpack 直接打包输出
  • webpack serve 启动开发服务器,内存编译打包没有输出
相关推荐
三巧9 分钟前
纯CSS吃豆人(JS仅控制进度)
javascript·css·html
SummerGao.10 分钟前
【解决】layui layer的提示框,弹出框一闪而过的问题
前端·layui
软件技术NINI26 分钟前
html css js网页制作成品——HTML+CSS+js美甲店网页设计(5页)附源码
javascript·css·html
天天扭码38 分钟前
从数组到对象:JavaScript 遍历语法全解析(ES5 到 ES6 + 超详细指南)
前端·javascript·面试
拉不动的猪40 分钟前
前端开发中常见的数据结构优化问题
前端·javascript·面试
街尾杂货店&40 分钟前
css word
前端·css
Мартин.43 分钟前
[Meachines] [Hard] CrimeStoppers LFI+ZIP-Shell+Firefox-Dec+DLINK+rootme-0.5
前端·firefox
冰镇生鲜43 分钟前
快速静态界面 MDC规则约束 示范
前端
技术与健康1 小时前
【解读】Chrome 浏览器实验性功能全景
前端·chrome
Bald Monkey1 小时前
【Element Plus】解决移动设备使用 el-menu 和 el-sub-menu 时,子菜单需要点击两次才会隐藏的问题
前端·elementui·vue·element plus