github.com
Withoutmelv
web前端CV工程师
点击查看更多
~~~~~~
获得徽章 5
- #每天一个知识点# day 13
浅分享下webpack 打包原理：
1、识别入口文件：webpack 通过配置文件或命令行参数指定项目中的一个或多个入口文件。
解析依赖关系：从入口文件开始，webpack 分析出所有需要打包的文件，并建立起它们之间的依赖关系图（dependency graph）。
2、加载模块：webpack 根据依赖关系图，将每个模块加载到内存中，可能会涉及到文件系统读取、网络请求等操作。
3、转换代码：对于不同类型的模块，webpack 可以使用不同的 loader 进行转换。例如，对于 CSS 文件可以使用 css-loader 进行解析和处理。
3、执行插件：在打包过程中，webpack 还提供了许多插件，用于完成各种任务，例如压缩代码、拷贝资源文件等等。
5、输出打包结果：最后，webpack 会根据配置生成一个或多个输出文件，通常是 JavaScript 文件（或者其他静态资源文件），这些文件包含了最终的经过处理的代码。
6、webpack 的特点之一是可扩展性，开发者可以通过编写自己的 Loader 和 Plugin 来实现更加自定义化的打包流程。展开评论8 - #你的工作会被ChatGPT取代吗# 最好用的浏览器 ChatGPT AI 智能助理，没有之一45
- 总结了一下，这半年除了努力搬砖之外的额外产出也是有一些的。接下来正式开始下一段旅途了
- [一个校验i18n英文配置工具](
github.com)
- [gong ci，一个用react写的简单的脚手架](github.com)
- [一个小的监听组件大小是否发生变化的vue3组件](github.com)
- [一个营销组件库，目前只完善两个抽奖类型的组件](github.com)
- [一个api方法库，本意是用于沉淀自己工作中写的不错的工具库](github.com)
还有几个是还不能投入使用的
- [一个错误监控，目前仅是借助rrweb跑了一个处理js error的流程，原本想的是要支持react和vue。最近一个月没有下笔](github.com)
- [一个hooks库，本意也是想用于沉淀自己工作的写的还有些用处的hooks。目前就写了一个hooks](github.com)
还有一个简单封装
- [一个用于将png、jpg图片切成瓦片格式的工具](github.com) 展开评论7
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[皱眉]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_71.e8c2090.png)