当前位置： 首页 > news >正文 网站如何进行推广重庆安全监督工程信息网 news 2025/10/30 0:40:01 网站如何进行推广,重庆安全监督工程信息网,物流网站系统php源码,咨询公司是干什么的一、区别 前面两节我们有提到Loader与Plugin对应的概念#xff0c;先来回顾下 loader 是文件加载器#xff0c;能够加载资源文件#xff0c;并对这些文件进行一些处理#xff0c;诸如编译、压缩等#xff0c;最终一起打包到指定的文件中plugin 赋予了 webpack 各种灵活的… 一、区别 前面两节我们有提到Loader与Plugin对应的概念先来回顾下 loader 是文件加载器能够加载资源文件并对这些文件进行一些处理诸如编译、压缩等最终一起打包到指定的文件中plugin 赋予了 webpack 各种灵活的功能例如打包优化、资源管理、环境变量注入等目的是解决 loader 无法实现的其他事 从整个运行时机上来看如下图所示 可以看到两者在运行时机上的区别 loader 运行在打包文件之前plugins 在整个编译周期都起作用 在Webpack 运行的生命周期中会广播出许多事件Plugin 可以监听这些事件在合适的时机通过Webpack提供的 API改变输出结果 对于loader实质是一个转换器将A文件进行编译形成B文件操作的是文件比如将A.scss或A.less转变为B.css单纯的文件转换过程 二、编写loader 在编写 loader 前我们首先需要了解 loader 的本质 其本质为函数函数中的 this 作为上下文会被 webpack 填充因此我们不能将 loader设为一个箭头函数 函数接受一个参数为 webpack 传递给 loader 的文件源内容 函数中 this 是由 webpack 提供的对象能够获取当前 loader 所需要的各种信息 函数中有异步操作或同步操作异步操作通过 this.callback 返回返回值要求为 string 或者 Buffer 代码如下所示 // 导出一个函数source为webpack传递给loader的文件源内容 module.exports function(source) {const content doSomeThing2JsString(source);// 如果 loader 配置了 options 对象那么this.query将指向 optionsconst options this.query;// 可以用作解析其他模块路径的上下文console.log(this.context);/** this.callback 参数* errorError | null当 loader 出错时向外抛出一个 error* contentString | Buffer经过 loader 编译后需要导出的内容* sourceMap为方便调试生成的编译后内容的 source map* ast本次编译生成的 AST 静态语法树之后执行的 loader 可以直接使用这个 AST进而省去重复生成 AST 的过程*/this.callback(null, content); // 异步return content; // 同步 }一般在编写loader的过程中保持功能单一避免做多种功能 如less文件转换成 css文件也不是一步到位而是 less-loader、css-loader、style-loader几个 loader的链式调用才能完成转换 三、编写plugin 由于webpack基于发布订阅模式在运行的生命周期中会广播出许多事件插件通过监听这些事件就可以在特定的阶段执行自己的插件任务 在之前也了解过webpack编译会创建两个核心对象 compiler包含了 webpack 环境的所有的配置信息包括 optionsloader 和 plugin和 webpack 整个生命周期相关的钩子compilation作为 plugin 内置事件回调函数的参数包含了当前的模块资源、编译生成资源、变化的文件以及被跟踪依赖的状态信息。当检测到一个文件变化一次新的 Compilation 将被创建 如果自己要实现plugin也需要遵循一定的规范 插件必须是一个函数或者是一个包含 apply 方法的对象这样才能访问compiler实例传给每个插件的 compiler 和 compilation 对象都是同一个引用因此不建议修改异步的事件需要在插件处理完任务时调用回调函数通知 Webpack 进入下一个流程不然会卡住 实现plugin的模板如下 class MyPlugin {// Webpack 会调用 MyPlugin 实例的 apply 方法给插件实例传入 compiler 对象apply (compiler) {// 找到合适的事件钩子实现自己的插件功能compiler.hooks.emit.tap(MyPlugin, compilation {// compilation: 当前打包构建流程的上下文console.log(compilation);// do something...})} }在 emit 事件发生时代表源文件的转换和组装已经完成可以读取到最终将输出的资源、代码块、模块及其依赖并且可以修改输出资源的内容 文章转载自： http://www.morning.frfpx.cn.gov.cn.frfpx.cn http://www.morning.qdscb.cn.gov.cn.qdscb.cn http://www.morning.ydrn.cn.gov.cn.ydrn.cn http://www.morning.qcdtzk.cn.gov.cn.qcdtzk.cn http://www.morning.xkzmz.cn.gov.cn.xkzmz.cn http://www.morning.nngq.cn.gov.cn.nngq.cn http://www.morning.nmrtb.cn.gov.cn.nmrtb.cn http://www.morning.qbkw.cn.gov.cn.qbkw.cn http://www.morning.ftmly.cn.gov.cn.ftmly.cn http://www.morning.lqypx.cn.gov.cn.lqypx.cn http://www.morning.fslxc.cn.gov.cn.fslxc.cn http://www.morning.zqxhn.cn.gov.cn.zqxhn.cn http://www.morning.mwcqz.cn.gov.cn.mwcqz.cn http://www.morning.jlrym.cn.gov.cn.jlrym.cn http://www.morning.nkiqixr.cn.gov.cn.nkiqixr.cn http://www.morning.mlnby.cn.gov.cn.mlnby.cn http://www.morning.zcqbx.cn.gov.cn.zcqbx.cn http://www.morning.mkydt.cn.gov.cn.mkydt.cn http://www.morning.jrtjc.cn.gov.cn.jrtjc.cn http://www.morning.pbzlh.cn.gov.cn.pbzlh.cn http://www.morning.mfmx.cn.gov.cn.mfmx.cn http://www.morning.lyldhg.cn.gov.cn.lyldhg.cn http://www.morning.fysdt.cn.gov.cn.fysdt.cn http://www.morning.ymdhq.cn.gov.cn.ymdhq.cn http://www.morning.mhcys.cn.gov.cn.mhcys.cn http://www.morning.ymtbr.cn.gov.cn.ymtbr.cn http://www.morning.mslhq.cn.gov.cn.mslhq.cn http://www.morning.ctswj.cn.gov.cn.ctswj.cn http://www.morning.lcdtb.cn.gov.cn.lcdtb.cn http://www.morning.klrpm.cn.gov.cn.klrpm.cn http://www.morning.nynlf.cn.gov.cn.nynlf.cn http://www.morning.sjbty.cn.gov.cn.sjbty.cn http://www.morning.fygbq.cn.gov.cn.fygbq.cn http://www.morning.rkqqf.cn.gov.cn.rkqqf.cn http://www.morning.kwnbd.cn.gov.cn.kwnbd.cn http://www.morning.hhxwr.cn.gov.cn.hhxwr.cn http://www.morning.jzxqj.cn.gov.cn.jzxqj.cn http://www.morning.tgyqq.cn.gov.cn.tgyqq.cn http://www.morning.dkslm.cn.gov.cn.dkslm.cn http://www.morning.qhfdl.cn.gov.cn.qhfdl.cn http://www.morning.jwlmm.cn.gov.cn.jwlmm.cn http://www.morning.iterlog.com.gov.cn.iterlog.com http://www.morning.nfbkp.cn.gov.cn.nfbkp.cn http://www.morning.djwpd.cn.gov.cn.djwpd.cn http://www.morning.blxor.com.gov.cn.blxor.com http://www.morning.lxjxl.cn.gov.cn.lxjxl.cn http://www.morning.zfyr.cn.gov.cn.zfyr.cn http://www.morning.ktcrr.cn.gov.cn.ktcrr.cn http://www.morning.wdwfm.cn.gov.cn.wdwfm.cn http://www.morning.dpbdq.cn.gov.cn.dpbdq.cn http://www.morning.kpgms.cn.gov.cn.kpgms.cn http://www.morning.qjmnl.cn.gov.cn.qjmnl.cn http://www.morning.tpbhf.cn.gov.cn.tpbhf.cn http://www.morning.cbynh.cn.gov.cn.cbynh.cn http://www.morning.xcbnc.cn.gov.cn.xcbnc.cn http://www.morning.jbmsp.cn.gov.cn.jbmsp.cn http://www.morning.pgrsf.cn.gov.cn.pgrsf.cn http://www.morning.qmxsx.cn.gov.cn.qmxsx.cn http://www.morning.dnpft.cn.gov.cn.dnpft.cn http://www.morning.wctqc.cn.gov.cn.wctqc.cn http://www.morning.dyrzm.cn.gov.cn.dyrzm.cn http://www.morning.yuanshenglan.com.gov.cn.yuanshenglan.com http://www.morning.yrnyz.cn.gov.cn.yrnyz.cn http://www.morning.gllgf.cn.gov.cn.gllgf.cn http://www.morning.xfwnk.cn.gov.cn.xfwnk.cn http://www.morning.bpmth.cn.gov.cn.bpmth.cn http://www.morning.lpcpb.cn.gov.cn.lpcpb.cn http://www.morning.hqwxm.cn.gov.cn.hqwxm.cn http://www.morning.bpmnq.cn.gov.cn.bpmnq.cn http://www.morning.zrdhd.cn.gov.cn.zrdhd.cn http://www.morning.rkfwr.cn.gov.cn.rkfwr.cn http://www.morning.tkchm.cn.gov.cn.tkchm.cn http://www.morning.hlmkx.cn.gov.cn.hlmkx.cn http://www.morning.wnbqy.cn.gov.cn.wnbqy.cn http://www.morning.zlzpz.cn.gov.cn.zlzpz.cn http://www.morning.gnjkn.cn.gov.cn.gnjkn.cn http://www.morning.bojkosvit.com.gov.cn.bojkosvit.com http://www.morning.swbhq.cn.gov.cn.swbhq.cn http://www.morning.ntwxt.cn.gov.cn.ntwxt.cn http://www.morning.cwfkm.cn.gov.cn.cwfkm.cn 查看全文 http://www.tj-hxxt.cn/news/260925.html 相关文章： 建行官网官网网站吗河南企业网站排名优化 做网站用的编程语言做哪一类的网站可以短时间变现 外贸网站商城建设原型图怎么做网站交互 东莞网站建设服务商工程公司账务处理分录 cms适合做什么网站只做app不做网站可以吗 网站建设与管理实训主要内容国家免费24小时律师咨询 西柏坡门户网站建设规划书男人做想看的免费网站 如何把做的网站放到百度上搜索引擎算法 建设网站功能花垣网站建设 淄博网站关键字优化wordpress最快仿站 买服饰网站建设网站建设攻略 做产品网站需要注意pk10网站怎么做 对整个网站做词频分析深圳市住房和建设局网站-%3e认租申请 网站页面图片尺寸枣阳网站建设吧 汉中网站开发wordpress args 京伦科技做的网站如何免费拓客软件 网站设计 北京店深圳做网站哪家公司最好 苏州网站建设系统哪家好品牌建设的规划与实施 协会网站建设必要性wordpress php学习 物流网站建设规划书京山网站建设 江苏企业建网站排名优化马良行网站3d模型预览怎么做的 佛山做网站公司哪家好免费引流推广怎么做 湛江做网站从全国工商企业查询系统官网 北京网站优化策略新西兰网站后缀 呼和浩特企业网站排名优化自己网站建设多少钱 一个专门做特产的网站注册公司100万要交多少钱 做网站的主题有哪些网络推广预算方案 怎样优化网站 优帮云推几个学习网站 大学生作业代做网站网站建设销售职责 两个人做类似的梦 网站wordpress安装tomcat
