面试官常问 webpack 面试题
目录
第一题:谈谈你对webpack的理解?
第二题:说说webpack与grunt、gulp的不同?
第三题:什么是bundle,什么是chunk,什么是module?bundle:
第四题:什么是Loader?什么是Plugin?
第五题:有哪些常见的Loader?他们是解决什么问题的?
第一题:谈谈你对webpack的理解?
webpack是一个打包模块化js的工具,在webpack里一切文件皆模块,通过loader转换文件,通过plugin注入钩子,最后输出由多个模块组合成的文件,webpack专注构建模块化项目。WebPack可以看做是模块的打包机器:它做的事情是,分析你的项目结构,找到js模块以及其它的一些浏览器不能直接运行的拓展语言,例如:Scss,TS等,并将其打包为合适的格式以供浏览器使用。
第二题:说说webpack与grunt、gulp的不同?
三者都是前端构建工具,grunt和gulp在早期比较流行,现在webpack相对来说比较主流,不过一些轻量化的任务还是会用gulp来处理,比如单独打包CSS文件等。grunt和gulp是基于任务和流(Task、Stream)的。类似jQuery,找到一个(或一类)文件,对其做一系列链式操作,更新流上的数据,整条链式操作构成了一个任务,多个任务就构成了整个web的构建流程。webpack是基于入口的。webpack会自动地递归解析入口所需要加载的所有资源文件,然后用不同的Loader来处理不同的文件,用Plugin来扩展webpack功能。所以,从构建思路来说,gulp和grunt需要开发者将整个前端构建过程拆分成多个`Task`,并合理控制所有`Task`的调用关系;webpack需要开发者找到入口,并需要清楚对于不同的资源应该使用什么Loader做何种解析和加工对于知识背景来说,gulp更像后端开发者的思路,需要对于整个流程了如指掌webpack更倾向于前端开发者的思路
第三题:什么是bundle,什么是chunk,什么是module?bundle:
是由webpack打包出来的文件chunk:代码块,一个chunk由多个模块组合而成,用于代码的合并和分割module:是开发中的单个模块,在webpack的世界,一切皆模块,一个模块对应一个文件,webpack会从配置的entry中递归开始找出所有依赖的模块
第四题:什么是Loader?什么是Plugin?
1)Loaders是用来告诉webpack如何转化处理某一类型的文件,并且引入到打包出的文件中
2)Plugin是用来自定义webpack打包过程的方式,一个插件是含有apply方法的一个对象,通过这个方法可以参与到整个webpack打包的各个流程(生命周期)。
第五题:有哪些常见的Loader?他们是解决什么问题的?
file-loader:把文件输出到一个文件夹中,在代码中通过相对URL去引用输出的文件url-loader:和file-loader类似,但是能在文件很小的情况下以base64的方式把文件内容注入到代码中去source-map-loader:加载额外的Source Map文件,以方便断点调试image-loader:加载并且压缩图片文件babel-loader:把ES6转换成ES5css-loader:加载CSS,支持模块化、压缩、文件导入等特性style-loader:把CSS代码注入到JavaScript中,通过DOM操作去加载CSS。eslint-loader:通过ESLint检查JavaScript代码
面试官常问 webpack 面试题相关推荐
- 平面设计面试官常问的问题有哪些?
平面设计面试官常问的问题有哪些?一般情况下都会有一个开篇的自我介绍,这里建议就用平常聊天说话的语气语速来介绍就可以,介绍自己扬长避短,多讲自己的前工作项目经验,在校获奖也可以讲.与工作岗位不强相关 ...
- 面试官常问的 web前端 问题(二)
面试官常问的 web前端 问题 11-20 11.什么是响应式设计? 12.为什么我们要弃用 table 标签 13.iframe 有哪些缺点 14.meta viewport 是做什么用的,怎么写? ...
- 面试官常问的 web前端 问题(四)
面试官常问的 web前端 问题 31-40 31.使用 Vue 的好处 32.MVVM 定义 33.Vue 的生命周期(重点) 34.Vue 的响应式原理 35.第一次页面加载会触发哪几个钩子? 36 ...
- 爆赞!Android岗大厂面试官常问的那些问题,论程序员成长的正确姿势
开头 昨天去面了一家公司,价值观有受到冲击. 面试官技术方面没的说,他可能是个完美主义的人,无论什么事情到了他那里好像都有解决的方案,我被说的无所适从,感觉他很厉害. 但我不能认可的是,面试官觉得加班 ...
- 那些年Android面试官常问的知识点,分享一点面试小经验
开头 年前面试了一些公司,目前已经拿到了阿里跟头条的 offer.去年我也出去找工作了,面试五家拿到了四家公司的 offer.所以在面试方面我应该可以提供一些愚见吧.本篇会讲解一些常见题目以及一些答题 ...
- 【拥抱大厂系列】几个面试官常问的垃圾回收器,下次面试就拿这篇文章怼回去!
点个赞,看一看,好习惯!本文 GitHub https://github.com/OUYANGSIHAI/JavaInterview 已收录,这是我花了3个月总结的一线大厂Java面试总结,本人已拿腾 ...
- 几个面试官常问的垃圾回收器,下次面试就拿这篇文章怼回去!
点击上方 好好学java ,选择 星标 公众号 重磅资讯.干货,第一时间送达 今日推荐:牛人 20000 字的 Spring Cloud 总结,太硬核了~ 先瞎比比一下,上一篇文章已经过去2个多月了, ...
- 面试官常问的问题及回答
1. 我们为什么要雇请你呢? 有的面试只有这么一个问题.话虽简单,可是难度颇高.主要是测试你的沉静与自信.给一个简短.有礼貌的回答:"我能做好我要做得事情,我相信自己,我想得到这份工作&qu ...
- Android岗大厂面试官常问的那些问题,知乎上转疯了!
前言 对于android开发,我们大部分工作都是在应用层,但为了体现"技术含量",以及"知其所以然",以便在遇到具体问题时不至于束手无策,因此有必要了解底层的工 ...
- 想拿高工资?那些年Java面试官常问的知识点项目实战
Kubernetes简介 Kubernetes(简称K8S,K和S之间有8个字母)是用于自动部署,扩展和管理容器化应用程序的开源系统.它将组成应用程序的容器组合成逻辑单元,以便于管理和服务发现.Kub ...
最新文章
- vmd变分模态分解程序matlab论坛_博士兼职辅导员论坛分享会第三期
- 【DataGuard】ORA-16014 and ORA-00312 Messages in Alert.log of Physical Standby
- java不看答案不会_Java新手必备:20道java基础面试题,不看答案你会几道题?
- .NET框架之“小马过河”
- STM32F7xx —— 内部flash
- 常用的JavaScript工具类库收藏
- 远程控制软件 mRemoteNG,管理多台虚拟机
- pyclewn调试带参数程序
- DN安卓2014版(5-9)
- 【lpxt】笔者支招:九招搞定显示器黑屏
- 七牛直播云播放鉴权-时间戳防盗链
- 流程机器人 RPA:AI落地的接盘侠 | 甲子光年
- 服务器维护委托合同,服务器维护委托合同样本.doc
- c语言图片渐入代码_如何用c语言读取图片
- java-net-php-python-java西藏文库计算机毕业设计程序
- 微信公众号运营两大痛点
- HTG评论GE Link入门套件:最经济的智能灯泡选择
- python上手_10分钟上手python pandas
- Hive实现32位UUID
- Unity入门学习:Day05
热门文章
- 小米手机miui12系统usb共享网络
- facebook登陆,如何邀请玩家成为测试人员
- 斐波那契数列python编程_fibonacci数列-斐波那契数列-python编程
- 视频转MP3音频格式在线工具
- oracle数据库lpad,Oracle数据库之oracle中的decode的使用LPAD
- 就叫2021年度总结吧
- notempty注解属于哪个依赖_@NotEmpty、@NotNull、@NotBlank注解解析
- [02/Dec/2019:12:59:10 +0800]之日期转换
- plc梯形图如何转c语言,梯形图和指令怎么转换?plc梯形图转换指令表
- 英语esl语言课程等级105c,说一下英语ESL的等级