- 博客(9)
- 收藏
- 关注
RSS订阅原创 webpack——plugin的结构及其应用
📚上篇文章分析了loader的运行过程。loader的功能定位是进行预处理转换代码，而另外一些操作需要依靠plugin来完成。先看plugins在官网中的定义老规矩，提炼一下意思，大致就是说。具体是什么事呢？举个例子： 当webpack生成文件时，顺便多生成一个说明描述文件。这种操作其实就是通过plugin，把某些功能嵌入到webpack的编译流程中。
2024-07-13 09:15:00
963
原创 loader的运行过程
🕵️♂️前面两篇分析了webpack的编译结果和编译过程，可以看出，webpack做的事情，仅仅是分析出各种模块的依赖关系，然后形成资源列表，最终打包生成到指定的文件中。🌟而更多的功能需要借助webpack loaders和webpack plugins完成。loader 用于对模块的源代码进行转换。loader 可以使你在import或 “load(加载)” 模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的得力方式。
2024-07-12 08:00:00
556
原创 Webpack——编译结果简化分析
为了更好地学习Webpack的工作原理，本文将从一个实际的角度出发，对编译结果进行简化分析。本文将以两个基础模块为例，模拟一个简化的编译结果，将编译结果中的每个部分逐一拆解，用浅显的语言解释其作用和意义。
2024-07-09 20:30:00
936
原创 Webpack(2)——安装和使用
webpack是基于模块化的打包（构建）工具，它把一切视为模块。它通过一个开发时态的入口模块为起点，分析出所有的依赖关系，然后经过一系列的过程（压缩、合并），最终生成运行时态的文件。如上图，左边我们写的代码不是交给node或者浏览器执行，而是交给webpack打包成最终的文件，最终的文件才会交给浏览器或者node去执行。最终的文件不是CommonJS也不是ES6模块化，而是一个普通函数，所以它可以是通用的。
2024-07-08 07:15:00
401
原创 Webpack(1)——为什么要使用构建工具
在node端，运行的JS文件在本地，因此可以本地读取文件，它的效率比浏览器远程传输文件高的多其实根本原因在于：在浏览器端，开发时态（devtime）和运行时态（runtime）的侧重点不一样这种差异在小项目中表现的并不明显，可是一旦项目形成规模，就越来越明显。
2024-07-06 14:38:51
156
原创 Webpack之Babel的运行过程和使用
Babel是一个，它是独立的，可以在webpack外使用。Babel和Webpack各自负责不同的任务，它们可以可以协同工作来优化和构建现代JavaScript应用。Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。
2024-06-27 20:24:37
923
原创 很久之前的微信小程序授权流程记录
在微信小程序中，打开摄像头、麦克风，获取地理位置等接口，都需要经过授权才能调用，详见。既然每次都需要授权，那我每次使用前调用一次 wx.authorize不就得了？第一次调用时，出现了令人激动的绿色弹框！手抖点了拒绝，尝试再次点击（调用时），发现没反应了？？？仔细阅读了官方文档，发现了这句话如果用户之前已经同意授权，则不会出现弹窗，直接返回成功。那么如果之前拒绝授权呢？没说，但实操发现也不会出现弹框。
2024-06-24 15:45:24
831
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人