首页 / webpack

#

webpack

#

1373次浏览 23人互动

此刻你想和大家分享什么

热门最新

前端理想哥

06-04 19:16

南京大学前端工程师

webpack的tree Shaking原理是什么？

webpack的tree Shaking原理是什么？这是一道非常高频的webpack面试题，但是大多数同学可能都回答不出来，老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题。如果我是求职者，我会这么回答：Tree Shaking，摇树机制是webpack的一种代码优化策略，它会在运行过程中静态分析模块之间的导入导出，确定 ES Module 模块中哪些导出值未曾被其它模块使用，就是我们常说的死代码，将死代码删除，从而减少打包文件的体积，从而提高应用程序的性能。Tree Shaking 是在Rollup 中率先实现，Webpack 自 2.0 版本开始接入，至今已经成为一...

查看1道真题和解析

点赞评论收藏

分享

2023-10-12 16:51

已编辑

ZOOM_WebClient_前端工程师

2022年11月前端最新流行打包&编译器调研

一、背景&现状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...

点赞评论收藏

分享

阿珊和她的猫

2023-11-25 14:20

广州软件学院前端工程师

Webpack的核心概念？

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

在牛客打卡71天，今天也很努力鸭！

每日监督打卡

点赞评论收藏

分享

2022-12-21 22:32

福州理工学院 web前端

Vue2之webpack篇（一）

前言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迷糊...

Vue的基础学习

点赞评论收藏

分享

2023-05-22 20:42

已编辑

ZOOM_WebClient_前端工程师

WEBPACK多入口SSR热更新速度优化

一、背景&现状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 comp...

投递牛客等公司 >

点赞评论收藏

分享

2023-10-24 23:20

已编辑

ZOOM_WebClient_前端工程师

通用npm包（组件库）打包构建

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

点赞评论收藏

分享

MartinAgerAdams

沈阳工业大学前端工程师

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

@MartinAgerAdams：你真的理解 Webpack？请回答下列问题

点赞评论收藏

分享

玩命加载中

热议话题

牛客网
牛客企业服务