
webpack学习笔记
文章平均质量分 79
边学边敲
gxw_viva
有问题可以加我微信,微信号: Hex-VivaLaVida。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack中常见的Loader?解决了什么问题?
做的事情,仅仅是分析出各种模块的依赖关系,然后形成资源列表,最终打包生成到指定的文件中。把识别出的资源模块,移动到指定的输出⽬目录,并且返回这个资源在输出目录的地址(字符串)所有的事情,但是遇到图片格式的模块,可以选择性的把图片转成。可以同时挂载多个,处理顺序为:从右到左,从下往上。顺序为相反的顺序执行,即上述执行方式为。加载文件,这时候页面代码设置的样式并没有生效。中,对小体积的图片比较合适,大图片不合适。文件以外的内容,这时候我们就需要配置响应的。内部中,任何文件都是模块,不仅仅只是。原创 2024-03-19 10:04:51 · 2406 阅读 · 0 评论 -
webpack中常见的Plugin?解决了什么问题?
是一种遵循一定规范的应用程序接口编写出来的程序,只能运行在程序规定的系统下,因为其需要调用原纯净系统提供的函数库或者数据。(Plug-in)是一种计算机应用程序,它和主应用程序互相交互,以提供特定的功能。赋予其各种灵活的功能,例如打包优化、资源管理、环境变量注入等,它们会运行在。globOptions:设置一些额外的选项,其中可以编写需要忽略的文件。这里讲述文件的配置方式,一般情况,通过配置文件导出对象中。to:复制到的位置,可以省略,会默认复制到打包的目录下。方法的第一个参数,应是驼峰式命名的插件名称。原创 2024-03-20 13:59:34 · 1167 阅读 · 0 评论 -
Loader和Plugin的区别?编写Loader,Plugin的思路。
事件发生时,代表源文件的转换和组装已经完成,可以读取到最终将输出的资源、代码块、模块及其依赖,并且可以修改输出资源的内容。基于发布订阅模式,在运行的生命周期中会广播出许多事件,插件通过监听这些事件,就可以在特定的阶段执行自己的插件任务。,实质是一个转换器,将A文件进行编译形成B文件,操作的是文件,比如将。函数中有异步操作或同步操作,异步操作通过。的过程中,保持功能单一,避免做多种功能。运行的生命周期中会广播出许多事件,可以监听这些事件,在合适的时机通过。提供的对象,能够获取当前。其本质为函数,函数中的。原创 2024-03-22 09:14:59 · 927 阅读 · 0 评论 -
webpack proxy工作原理?为什么能解决跨域?
当本地发送请求的时候,代理服务器响应该请求,并将请求转发到目标服务器,目标服务器响应数据后再将数据返回给代理服务器,最终再由代理服务器将数据响应给本地。在代理服务器传递数据给本地浏览器的过程中,两者同源,并不存在跨域行为,这时候浏览器就能正常接收数据。标识的请求到服务端获取数据,但响应这个请求的服务器只是将请求转发到另一台服务器中。所以在开发阶段中,由于浏览器同源策略的原因,当本地访问后端就会出现跨域请求的问题。则是关于代理的配置,该属性为对象的形式,对象中每一个属性就是一个代理的规则匹配。原创 2024-03-22 09:12:52 · 884 阅读 · 0 评论