webpack

一、背景&现状1.当前牛客的业务打包、热更新工具基于webpack5，虽然经过一次统一优化，但是和目前行业最先进打包工具的构建、热更新时间还有差距。HMR（项目名称就不公开了）优化前优化后行业前沿project 12~3分钟~3秒（+按路由拆分运行）毫秒级project 21分钟~5秒project 330秒~4秒Build优化之前优化之后行业前沿project 19分钟6秒3分钟23秒毫秒级project 29分钟3秒1分钟30秒project 33分钟41秒1分钟34秒2.VUE3已经发布两年+，属于前端前沿的技术，牛客后续也需要考虑升级与行业前沿对接使用VUE3。与此同时，web...

Webpack的核心概念包括entry、output、loader和plugin。entry指定Webpack的入口文件output定义打包输出的文件及路径loader用于处理不同类型的文件plugin用于扩展Webpack的功能https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9f

前言1、什么是webpack？webpack：打包工具2、传统开发模式以往的方法都是单页面，一个index对应一个js文件，并且是自己完成的而这样的方法是局限的，在现实中通常是多人开发，这时候肯定不能写一行代码就去沟通一下，因此需要有几个注意事项一、传统开发模式1、场景（1）两个开发人员一起开发一个项目，编写a.js、b.js、c.js文件，其中开发员1负责a.js、c.js，开发员2负责b.js（2）开发员1在a.js文件定义一个年龄变量age，赋值15，在c.js文件写ifelse判断该年龄是否成年；开发员2也定义一个年龄变量age，赋值202、问题（1）结果输出：成年人（2）开发员1迷糊...

一、背景&现状1.在22年下半年时，针对vue开发时热更新慢（包括CSR和SSR）的问题，专门做过一次性能优化,发布@**********版本，牛客所有项目热更性能平均提升90%左右。2.22年优化完成后，主站陆续有同学反馈，在开启SSR热更时开发依然很慢（热更时间长达10min），我将本地项目切换到@ncfe/nc.webpack2.x版本后，对比了2.x版本和3.x版本，在使用时3.x版本SSR性能提升明显。我将反馈热更慢的同学（姜同学）电脑重启后，发现CSR+SSR全量热更时间仅5S，怀疑是一线同学长期不重启Mac，Mac本身的内存管理问题。HMR Time compareadd...

一、背景 现在的前端开发，绕不开使用一些第三方的NPM包。同时，很多公司不论大小都有了自己的NPM仓库，然后发布一些只有自己使用的私有NPM包。我们在发包的时候，包的代码怎么构建才能体积最小，同时做到新能最好就成了一个非常重要的问题。 在一些发包实现中，无论是UI包还是纯粹的TypeScript Utils包，你当然都可以不打包而直接将代码放到npm包的dist目录中，然后以来业务工程进行构建。但是这显然是有问题的，因为这些NPM包都是比较稳定的代码，不像业务代码那样需要进行频繁的修改和调试了，直接暴露源码给业务使用，会使这些包在不同的项目中多次重复构建，无疑会拉长业务开发时热更新和生产构建时...

1. React 绝对的顶流，大厂里非常流行，招聘要求里随处可见。生态极其庞大，学习资源和社区都非常活跃。  2. Vue.js 国民级框架，在国内有现象级的普及度和接受度。很多中小型公司、创业团队和个人开发者都非常喜欢用它，因为学习曲线平缓，开发效率高。  3. Webpack 曾经的行业标准，几乎所有的现代前端项目都曾用它来打包。  4. React Native 很多公司用它来快速开发跨端App，尤其是在业务需要快速迭代的场景下。但性能和体验上略逊于纯原生开发。  5. Flutter Google出品的另一个跨平台App开发框架。非常火爆，近几年增长迅猛。很多大厂都在用，生态发展很快。...

#面试# #前端# #webpack# 这些面试题你都会了吗？