【九月打卡】第四天 TypeScript封装播放器组件
2022/9/9 4:53:04
本文主要是介绍【九月打卡】第四天 TypeScript封装播放器组件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
学习课程名称:TypeScript封装播放器组件
章节名称:Webpack搭建项目环境
讲师:西门老舅
课程内容:
- 创建webpack与loader使用
- webpack插件的使用
- webpack-dev-server的使用
- 文字图标的使用
- 支持TypeScript的使用
webpack工作流程
主要由三个阶段:
准备阶段:创建compiler和compilation对象;
编译阶段:完成modules的解析,生成chunks;
产出阶段:根据chunks,生成最终的文件;
Webpack可以打包js文件,这是Webpack与生俱来的能力。但是我们项目中肯定不止有js文件,还有css,以及scss/less这种css预处理文件,还有各种图片等等,如果我们想让webpack将这些一并打包,那就需要用到loader加载器了。
有一些常见的loader
- css-loader
- sass-loader
- css压缩
- babel-loader
webpack 插件
通过安装和配置第三方的插件,可以拓展 webpack 的能力,从而让 webpack 用起来更方便。最常用的 webpack 插件有如下两个:
webpack-dev-server 类似于 node.js 阶段用到的 nodemon 工具 每当修改了源代码,webpack 会自动进行项目的打包和构建 html-webpack-plugin webpack 中的 HTML 插件(类似于一个模板引擎插件) 可以通过此插件自定制 index.html 页面的内容
文字图标的使用
大部门我们都会选择阿里的图标库,针对项目中所用到的字体图标,我们依托这个平台分门别类的进行管理起来
没有账号的,可能需要微博或者github进行注册一下,另外阿里员工,可以使用内部账号。
这篇关于【九月打卡】第四天 TypeScript封装播放器组件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15PingCAP 黄东旭参与 CCF 秀湖会议,共探开源教育未来
- 2024-05-13PingCAP 戴涛:构建面向未来的金融核心系统
- 2024-05-09flutter3.x_macos桌面os实战
- 2024-05-09Rust中的并发性:Sync 和 Send Traits
- 2024-05-08使用Ollama和OpenWebUI在CPU上玩转Meta Llama3-8B
- 2024-05-08完工标准(DoD)与验收条件(AC)究竟有什么不同?
- 2024-05-084万 star 的 NocoDB 在 sealos 上一键起,轻松把数据库编程智能表格
- 2024-05-08Mac 版Stable Diffusion WebUI的安装
- 2024-05-08解锁CodeGeeX智能问答中3项独有的隐藏技能
- 2024-05-08RAG算法优化+新增代码仓库支持,CodeGeeX的@repo功能效果提升