webpack
11篇文章 · 0订阅
  • 揭秘webpack按需加载原理
    当页面中一个文件过大并且还不一定用到的时候，我们希望在使用到的时才开始加载，这就是按需加载。要实现按需加载，我们一般想到的方法：动态创建script标签，并将src属性指向对应的文件路径。但是在实现过程中，存在下面问题： ​ webpcak 的按需加载已经完美解决了上述问题…
    Webpack
  • 快速Webpack学习记之《__webpack_require__》
    为了看到Webpack是怎么把模块进行加载和打包，这里创建了两个文件，分别是a.js和index.js，index.js调用了a.js的funcA。 以下webpack打包出来的文件（我做了一些删减和eval的转换）。 接下来我们一步一步看看模块是怎么加载的。 我们看到整个立即…
    Webpack
  • 构建速度——记 Vue 项目中 Webpack 使用 DllPlugin
    使用 webpack 插件 DllPlugin 和 DllReferencePlugin ，是前端工程化中优化打包速度的重要途径。webpack中文网-DllPlugin。 他们可以打包常用的且不经常更新的模块，生成 JS 和 json文件，一般放入 public 目录中；项目…
    Webpack
  • 深入理解Vite核心原理
    文章主要介绍了什么是Vite、Vite和其他打包工具的对比以及Vite核心源码的实现。有利于大家一步一步的深入Vite的核心源码实现、了解其设计思想。
    Webpack 前端
    深入理解Vite核心原理
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    前端 JavaScript
    Webpack 原理系列九：Tree-Shaking 实现原理
  • 妈妈再也不用担心我的优化｜Webpack系列（二）：SplitChunksPlugin源码讲解
    上期通过项目优化分享和实例解析：在淘宝优化了一个大型项目，分享一些干货（代码实例，图文结合），把 webpack 打包优化利器 SplitChunksPlugin 系统讲解了一遍。本期进一步深入，分析 SplitChunksPlugin 源码，搞清楚 webpack 是怎么和 …
    Webpack
  • 霖呆呆的六个自定义Webpack插件详解-自定义plugin篇(3)
    你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！ 有很多小伙伴在打算学写一个webpack插件的时候，就被官网上那一长条一长条的API给吓到了，亦或者翻阅了几篇文章之后但还是不知道从何下手。 而呆呆认为，当你了解了整个插件的创建方式以及执行机制之后，那些个长条的AP…
    JavaScript Webpack
    霖呆呆的六个自定义Webpack插件详解-自定义plugin篇(3)
  • 深入webpack打包原理，loader和plugin的实现
    1. webpack打包基本原理 1. 处理单个模块（以入口为例） 我们可以看到，入口文件index.js的所有内容都以字符串形式输出了，我们接下来可以用正则表达式或者其它一些方法，从中提取到import以及export的内容以及相应的路径文件名，来对入口文件内容进行分析，获取…
    Webpack
  • 腾讯面试官：兄弟，你说你会Webpack，那说说他的原理？
    前言 大家好，我是林三心，标题腾讯面试官：同学，你说你会Webpack，那说说他的原理？，是本菜鸟在面试腾讯时，面试官说的问的原话，一字不差，哈哈。本菜鸟当时肯定是回答不上来，最后也挂了。今天就简单实
    面试
    腾讯面试官：兄弟，你说你会Webpack，那说说他的原理？
  • webpack 原理分析与性能优化（2w字精华）
    Entry（入口）：Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module（模块）：在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk（代码块）：一个 Chun…
    面试