这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
Webpack知识体系
一、本堂课课程介绍
本节课将重点围绕「构建 Webpack 知识体系」这一核心话题展开。本节课将解读为什么需要学习 Webpack ,Webpack 的本质是什么以及 Webpack 技术优势等相关知识。在介绍完 Webpack 是什么之后,本节课还会重点介绍Webpack 的使用方法。
课前准备
1.安装 Node.js
2.安装 pnpm
执行如下命令即可
npm i -g pnpm
二、课程重点
主要学习模块有 Webpack定义解析 和Webpack使用方法
三、 本堂课的知识重点有哪些?
1、Webpack的本质 2、webpack定义解析 3、webpack优势 4、流程类配置 5、处理 CSS 6、接入 Bable 7、生成 HTML 8、使用 Webpack - 工具线
四、详细知识点介绍:
使用webpack示例 安装代码: I NPM i -D webpack-cli 执行编译命令: I npx webpack 配置文件:
使用webpack的使用方法,基本都围绕“配置”展开,而这些配置大致可划分为两类:流程类和工具类 流程类:作用于流程中某个or若干个环节,直接影响打包效果的配置项。 工具类:主流程之外是,提供更多工程化能力的配置项。
五、课后个人总结:
本次课程上机动手操作比较难,需要多动手去操作熟练一下。熟能生巧是深有体会,进步是可以看到的。 除此之外课前要预习,课后也要巩固学习过的知识点, 因为多知识点难记就容易忘记。就需要多复习巩固基础。
五、引用参考:
- 我参考了青豆规则里面的笔记打卡规则解析,掘金里面的教学视频和学习资料ppt