webpack学习笔记

发布时间 2023-07-20 20:06:30作者: joyful2

webpack:

学习目标:
1 知道能做什么,不能做什么
学会webpack常用功能
2 了解大致原理
知道webpack怎么工作,webpack结果文件怎么阅读
3 根据业务合理配置webpack
 
学习注意:
1 不要死记写法,记住规律
2 不要试图学会所有功能
3 了解原理,但没必要深入原理
 
课程安排: 概念讲解 + 基本使用演示 + 进阶使用演示(直播)+ 案例讲解(直播)
 
webpack:快速方便的完成项目 =》 工程化(系统化,模块化,规范化。自动化?)
 
webpack主要功能:
编译:js,sass,css,typescript
打包:压缩,打包
图片等资源的处理
tree-shaking等优化js工具
webpack-dev-server,eslint,热更新等
 
前端模块化:
模块化方案: commonjs(nodejs的规范) AMD/CMD/UMD(民间模块化规范) ES6 Module(官方模块化规范)