最新 最热

分享几个 Webpack 实用分析工具

设想一个场景,假如需要提升 webpack 编译速度,或者优化编译产物大小,应该从何下手?别急,在采用具体手段前,可以先花点时间了解当前的编译执行情况,确定性能瓶颈,有的放矢!今天就给大家分享一些 webpack 构建过程的分析诊断方法...

2021-12-09
1

前端 Offer 提速:如何写出有亮点的简历

这里有两个层面的问题,一是「如何识别出你的优势条件」,毕竟大多数人大多数时候可能都是在做业务,临到写简历的时候要求总结日常工作中跟别人不一样的点,确实挺难的,怎么办?第二个问题是你可能已经挖掘到自己的优势,但是「在...

2021-12-09
0

十分钟精进 Webpack:module.issuer 属性详解

本文讲解 webpack 的 module.issuer 属性,内容涵盖该属性的作用、运行原理,并结合 webpack 实例讲解应用场景。

2021-12-09
0

[源码解读] Webpack 插件架构深度讲解

本文大部分篇幅都 focus 在 Tapable 框架,详细枚举了 Tapable 提供的钩子及各类型钩子的特点、运行逻辑、实现原理,并进一步讨论 Tapable 框架在 webpack 的作用,进而揭示 webpack 插件架构的核心逻辑。...

2021-12-09
0

有点难的 webpack 知识点:Dependency Graph 深度解析

Dependency Graph 概念来自官网 Dependency Graph | webpack 一文,原文解释是这样的:

2021-12-09
0

[打包优化]Webpack体积压缩

原创不易,未经作者允许禁止转载!!前段时间和天诚学长(21届上岸TX的大佬)交流了一下他在Webpack CSS压缩遇到的坑,一时兴起总结了这篇Webpack体积压缩相关的知识,希望你读完能有所收获...

2021-12-08
0

[分享]Webpack打包分析工具

原创不易,未经作者允许禁止转载!! Webpack打包分析分享时间和文件的分析工具,便于进行打包优化。打包的时间分析如果希望看到每一个Loader、每一个Plugin消耗的打包时间,可以借助于一个插件:speed-measure-webpack-plugin...

2021-12-08
1

[打包优化]Webpack DLL

原创不易,未经作者允许禁止转载!! 认识DLL库什么是DLLDLL全称是动态链接库(Dynamic Link Library),是为软件在Windows中实现共享函数库的一种实现方式;那么webpack中也有内置DLL的功能,它指的是可以将可以共享,并且不经常改...

2021-12-08
0

[探索]Webpack DevServer和HMR原理

原创不易,未经作者允许禁止转载!! Webpack-Dev-Server为什么要搭建本地服务器目前开发的代码,为了运行需要有两个操作npm run build编译通过live-server或者直接通过浏览器打开html文件,查看效果为了完成自动编译,webpack提...

2021-12-08
0

Webpack 模块化原理和SourceMap

原创不易,未经作者允许禁止转载!! Webpack模块化Webpack打包的代码,允许我们使用各种各样的模块化,但是最常用的是CommonJS、ES Module。包括如下原理:CommonJS模块化实现原理;ES Module实现原理;CommonJS加载ES Module的...

2021-12-08
0