webpack
6篇文章 · 0订阅
  • webpack系列之六chunk图生成
    这篇文章主要是通过源码去探索下 webpack 是如何通过在编译环节创建的 module graph 来生成对应的 chunk graph。 我们都知道 webpack 打包构建时会根据你的具体业务代码和 webpack 相关配置来决定输出的最终文件，具体的文件的名和文件数量也…
    Webpack 源码
  • 从源码看webpack的hash策略
    所以只要某一个文件被修改，所有输出文件的hash都会跟着变化；因此它有一个弊端，一旦修改了某一个文件，整个项目的文件缓存都会失效。 webpack的三种hash生成策略都是根据源码内容来生成，只是该源码已经被webpack封装成能在webpack环境中运行的代码了，包含每一个源…
    Webpack
  • 五种可视化方案分析 webpack 打包性能瓶颈
    在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望，我们就需要对 webpack 配置进行优化。 如何知道具体该如何优化喃，最直观的方式是分析它的输出文件，…
    前端
  • 深入Node.js的模块加载机制，手写require函数
    模块是Node.js里面一个很基本也很重要的概念，各种原生类库是通过模块提供的，第三方库也是通过模块进行管理和引用的。本文会从基本的模块原理出发，到最后我们会利用这个原理，自己实现一个简单的模块加载机制，即自己实现一个require。 老规矩，讲原理前我们先来一个简单的例子，从…
    前端 Node.js
  • Webpack源码解读：理清编译主流程
    webpack的熟练使用已成为当代前端工程师必备的生存技能。毋庸置疑，webpack已成为前端构建工具的佼佼者，网络上关于如何使用webpack的技术文档层出不穷。但鲜有能将webpack的构建流程讲清楚的。本文尝试从解读源码以及断点调试的方式，来探究 webpack 是如何一…
    前端 Webpack
    Webpack源码解读：理清编译主流程
  • webpack运行流程、源码解析，Tabable原理
    基于node环境，js代码有了操作计算机文件的权限，因此，webpack就是一堆js代码，然后去折腾一堆文件。 webpck可以看成是一个工厂的流水线。 操作集中可以包含多个子操作，如 发酵 操作集中，有3个子操作，也就是说只有完成这3个子操作，才能结束发酵这个操作集，才能进入…
    前端