webpack
17篇文章 · 0订阅
  • 🔥【万字】透过分析 webpack 面试题，构建 webpack5.x 知识体系
    1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓
    前端 Webpack JavaScript
    🔥【万字】透过分析 webpack 面试题，构建 webpack5.x 知识体系
  • 一文带你读懂webpack的知识和原理，附带常见面试题！
    在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack
    前端 Webpack 面试
    一文带你读懂webpack的知识和原理，附带常见面试题！
  • 有点难的知识点：Webpack Chunk 分包规则详解
    Chunk 是什么？Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk？
    Webpack
    有点难的知识点：Webpack Chunk 分包规则详解
  • 带你了解 Tree Shaking
    前言 JavaScript 绝大多数情况需要通过网络进行加载再执行，加载的文件越小，整体执行时间更短，所以就有了 Tree Shaking 去除无用代码，从而减小文件体积。 什么是 Tree Shak
    Webpack
    带你了解 Tree Shaking
  • webpack5新特性：模块联邦简单入门
    模块联邦 模块联邦（Module Federation）是一种现代前端开发技术，旨在解决前端微服务架构中的模块共享和代码复用问题。
    前端
  • 17项关于webpack的性能优化
    本文主要优化两个方面：1.优化开发体验 2.优化输出质量.优化开发体验:提升效率,优化构建速度,优化使⽤体验.优化输出质量:优化要发布到线上的代码，减少⽤户能感知到的加载时间,提升代码性能.
    Webpack
    17项关于webpack的性能优化
  • WebPack面试题汇总
    1，Webpack有什么作用，谈谈你对它的理解 现在的前端网页功能丰富，特别是SPA（single page web application 单页应用）技术流行后，JavaScript的复杂度增加和需
    前端 Webpack
  • webpack中的hash、chunkhash、contenthash区别
    hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应的HTML引用的URL地址也会改变，触发CDN服务器从源服务器上拉取对应数据，进而更新本地缓存。但是在实际使用的时候，这几…
    Webpack
  • webpack4.x 性能优化
    webpack可以说是当下最流行的打包库，当webpack处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每一个模块，然后将所有这些模块打包成一个或多个bundle。这篇文章将介绍webpack非常重要的一部分——性能优化。文章的代码的在此： noParse…
    Webpack 性能优化
    webpack4.x 性能优化
  • Tree Shaking in Webpack
    webpack 2.0 开始引入 tree shaking 技术。在介绍技术之前，先介绍几个相关概念： AST 对 JS 代码进行语法分析后得出的语法树 (Abstract Syntax Tree)。AST语法树可以把一段 JS 代码的每一个语句都转化为树中的一个节点。 DCE…
    Webpack