当前位置: 首页 > news >正文

做推广网站排名best网络推广平台

做推广网站排名,best网络推广平台,网站上的视频直播是怎么做的呢,灵武住房和城乡建设厅网站webpack的loader机制 loader本质上就是导出函数的JavaScript模块。导出的函数,可以用来实现内容的转换。 /* * param{string|Buffer} content 源文件的内容 * param{object} [map] SourceMap数据 * param{any} [meta] meta数据,可以是任何数据 * */ fu…

webpack的loader机制

loader本质上就是导出函数的JavaScript模块。导出的函数,可以用来实现内容的转换。

/*
* @param{string|Buffer} content 源文件的内容
* @param{object} [map] SourceMap数据
* @param{any} [meta] meta数据,可以是任何数据
* */
function webpackloader(context, map, meta) {}module.exports = webpackloader()

Normal Loader

Normal Loader: 按照正常的顺序去执行的loader
use参数,表示匹配到test中匹配对应的文件应该使用那个loader的队则去处理,use可以为一个字符串也可以为一个数组,use为一个数组的时候,表示有多个loader一次处理匹配的资源,按照从右到左,从下到上执行
如果要改变执行顺序的话,需要使用enforce参数来改变loader的执行顺序,pre前置,post后置,normal普通和inline行内
在这里插入图片描述

在这里插入图片描述

Pitching Loader

在webpack的loader中配置pitch属性,支持三个参数

/*
* @remainingReqquest 剩余请求
* @precedingRequest 前置请求
* @data 数据对象
* */
function webpackloader(remainingRequest, precedingRequest, data) {// some code
}

data用于数据参数,在pitch函数中往data对象上添加数据,之后在normal函数中通过this.data的方法读取已经添加的数据。
remainingRequest 表示在当前 loader 处理完毕后,还需要被后续 loader 处理的请求字符串。这个字符串由剩余的 loader 路径以 ! 分隔符组成,从右到左排列。例如,在配置 use: [‘loaderA’, ‘loaderB’] 时,如果当前 loader 是 loaderB,那么 remainingRequest 就是 ‘loaderA!’(如果还有其他 loader,则继续以 ! 分隔)。
precedingRequest 表示在 pitch 阶段已经迭代过的 loader 路径字符串,同样以 ! 分隔符组成。这个字符串表示在当前 loader 的 pitch 方法被调用之前,已经有哪些 loader 的 pitch 方法被调用过
关于loader的执行阶段分为两个阶段

  • 在处理资源文件之前,会经历pitch阶段
  • pitch结束之后,读取资源文件内容
  • 经过pitch处理后,读取到了资源文件,此时才会将读取到的资源文件内容交给正常的loader进行处理
module.exports = {module: {rules: [{test: /\.js$/,use: ['normal1-loader', 'normal2-loader']},{test: /\.js$/,use: ['pre1-loader', 'pre2-loader'],enforce: 'pre'},{test: /\.js$/,use: ['post1-loader', 'post2-loader'],enforce: 'post',}]}
}

在这里插入图片描述

故loader的执行顺序就是pitching阶段,调用loader.pitch方法, 该方法还可以有返回值,normal阶段,执行loader本身函数,模块源码的转换,发生在这个阶段
pitching loader的熔断机制
根据当前 loader 对象 pitch 函数的返回值是否为 undefined 来执行不同的处理逻辑。如果 pitch 函数返回了非 undefined 的值,则会出现熔断。即跳过后续的执行流程,开始执行上一个 loader 对象上的 normal loader 函数。

http://www.dinnco.com/news/86230.html

相关文章:

  • 谁做网站百度打广告怎么收费
  • 哪个网站教做西餐软文写作500字
  • 是用cms还是直接用语言写网站郑州网站建设专业乐云seo
  • 北京企业建网站公司不限制内容的搜索引擎
  • 网站建设需要摊销多久百度官网登录入口手机版
  • 网站托管服务提供商百度渠道开户
  • 网站搜索出来有图片在线培训管理系统
  • 以百度云做网站空间seo优化排名教程
  • wordpress子网站新网站怎么推广
  • 设计师培训感悟seo排名赚钱
  • angular2.0网站制作网站的seo是什么意思
  • 网站建设 账务处理网络推广有哪些途径
  • 腾讯做电脑吃鸡网站中国百强企业榜单
  • 郑州网站建设(智巢)微信管理系统登录
  • 学网站开发多久网站推广如何引流
  • 淮南品牌型网站建设最近的热点新闻
  • WordPress 免费汉化主题网站排名seo软件
  • 网站后台模板关联自己做的网站兰州怎么提高网站的排名
  • 网站开发行业资讯长沙网站关键词排名公司
  • 菏泽 网站建设公司企业培训的目的和意义
  • 各种类型网站建设口碑好优化营商环境心得体会个人
  • 吸金聚财的公司名字沈阳百度推广优化
  • 多企业宣传网站建设电商网站对比
  • wordpress 列表页信息流优化师是干什么的
  • 网站域名免费爱站数据官网
  • 爱美刻在线制作网站十大免费货源网站免费版本
  • 网站推广计划至少应包括体验营销策略
  • 哪个旅游网站可以做私人定制学开网店哪个培训机构好正规
  • 网站建设 软件服务百度竞价推广方案范文
  • 保护膜 东莞网站建设舆情分析报告