前端面试之webpack面试常见问题

1：什么是webpack和grunt和gulp有什么不同

答案：Webpack是一个模块打包器，他可以递归的打包项目中的所有模块，最终生成几个打包后的文件。他和其他的工具最大的不同在于他支持code-splitting、模块化(AMD，ESM，CommonJs)、全局分析。

2：什么是bundle,什么是chunk，什么是module?

答案：bundle是由webpack打包出来的文件，chunk是指webpack在进行模块的依赖分析的时候，代码分割出来的代码块。module是开发中的单个模块。

3：什么是Loader?什么是Plugin?

答案： 1）Loaders是用来告诉webpack如何转化处理某一类型的文件，并且引入到打包出的文件中 2）Plugin是用来自定义webpack打包过程的方式，一个插件是含有apply方法的一个对象，通过这个方法可以参与到整个webpack打包的各个流程(生命周期)。

4:如何可以自动生成webpack配置？

答案： webpack-cli /vue-cli /etc ...脚手架工具

5：webpack-dev-server和http服务器如nginx有什么区别?

答案：webpack-dev-server使用内存来存储webpack开发环境下的打包文件，并且可以使用模块热更新，他比传统的http服务对开发更加简单高效。

6:什么是模块热更新？

答案:模块热更新是webpack的一个功能，他可以使得代码修改过后不用刷新浏览器就可以更新，是高级版的自动刷新浏览器。

7：什么是长缓存？在webpack中如何做到长缓存优化？

答案：浏览器在用户访问页面的时候，为了加快加载速度，会对用户访问的静态资源进行存储，但是每一次代码升级或是更新，都需要浏览器去下载新的代码，最方便和简单的更新方式就是引入新的文件名称。在webpack中可以在output纵输出的文件指定chunkhash,并且分离经常更新的代码和框架代码。通过NameModulesPlugin或是HashedModuleIdsPlugin使再次打包文件名不变。

8：什么是Tree-shaking?CSS可以Tree-shaking吗?

答案：Tree-shaking是指在打包中去除那些引入了，但是在代码中没有被用到的那些死代码。在webpack中Tree-shaking是通过uglifySPlugin来Tree-shaking JS。Css需要使用Purify-CSS。

本次给大家推荐一个免费的学习群，里面概括移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。对web开发技术感兴趣的同学，欢迎加入Q群：864305860，不管你是小白还是大牛我都欢迎，还有大牛整理的一套高效率学习路线和教程与您免费分享，同时每天更新视频资料。最后，祝大家早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。

前端面试之webpack面试常见问题相关推荐

前端开发应届生面试指南（含各大公司具体指南及面试真题）
先介绍一下本人应届前端开发一枚,非科班出身,专业是化学,大学期间开始自学前端开发,在今年春招实习和秋招的时候投了一些公司,拿到一些Offer(京东.拼多多.虎牙等),总体来说还算满意,特地写一篇文章来 ...
历时8个月，10w字！前端知识体系+大厂面试笔记（工程化篇）
前言本文是10w字前端知识体系+大厂面试总结的第三篇其余3篇为基础知识篇.算法篇.前端框架和浏览器原理篇,如果还没有阅读,建议了解下工程化目的是为了提升团队的开发效率.提高项目的质量例如 ...
阿里前端实习如何通过面试？2022年IT应届如何投递阿里
导语:很多计算机专业大学生实习岗位偏向前端,一是前端实习岗位比较多,相比其他技术类岗位,实习薪资与技术要求没那么严格.阿里当前成为众多计算机专业大学生比较喜欢的企业之一,如何通过阿里前端实习面试?20 ...
一位前端 P7 大佬的面试经验分享
个人近期面试情况一位前端 P7 大佬的面试经验分享今年二月以来,我的面试除了一个用友的,基本其他都被毙了,可以说是非常残酷的.其中有很多自己觉得还面的不错的岗位,比如百度.跟谁学.好未来等公司.说 ...
两年前端蚂蚁字节滴滴面试经历总结
前言最近两篇面试以及离职相关的文章不容错过哦. 离开蘑菇街后,我最近的一些想法拼多多和酷家乐面试总结今年面试还是比较顺的,面了五家公司(酷家乐.拼多多.字节.滴滴.蚂蚁),都过了. 在文章里我不 ...
前端必备，JavaScript面试问题及答案
前端必备,JavaScript面试问题及答案 1.使用 typeof bar === "object" 来确定 bar 是否是对象的潜在陷阱是什么?如何避免这个陷阱? 尽管 typ ...
给3月要跳槽的前端提个醒！不了解微前端就别去面试了，不然……
在后端架构发展史上,如果要找一个低耦合高内聚架构模式的典范,微服务当仁不让. 在互联网业务急速扩张的背景下,微服务架构解决了后端服务中的"重",让每个服务都能够独立部署.独立扩展, ...
前端工程师有哪些面试技巧值得掌握？
这段时间受到疫情的影响,本身做java开发的,面试了入职了一个外包公司的前端岗位,入职属于驻场开发的那种,前几周基本没啥事,一般经理会让你刷题,到了驻场那边需要机试过关才能在那边开发,这边在牛客网,L ...
分布式面试 - 分布式锁的常见问题
分布式面试 - 分布式锁的常见问题面试题一般实现分布式锁都有哪些方式?使用 redis 如何设计分布式锁?使用 zk 来设计分布式锁可以吗?这两种分布式锁的实现方式哪种效率比较高? 面试官心理分析 ...

前端面试之webpack面试常见问题

前端面试之webpack面试常见问题相关推荐

最新文章

热门文章