前端工程化
20篇文章 · 0订阅
  • Vite 和 Webpack 的深度对比：特性、短板与未来建议
    在现代前端开发领域，构建工具起着至关重要的作用。Vite 和 Webpack 是两个备受关注的构建工具，它们各自有着独特的特点和优势，同时也存在一些局限性。
    前端 Vite Webpack
  • 解析Vite实现的核心原理
    Vite 介绍 Vite 是一种新型前端构建工具，能够显著提升前端开发体验。 Vite主要由两个部分组成 一个开发服务器: 它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更
    前端 JavaScript Vite
    解析Vite实现的核心原理
  • 带你了解更全面的 Monorepo - 优劣、踩坑、选型
    带你了解更全面的 Monorepo，本文涵盖了 Monoreo 演进、优劣、踩坑、及全面的方案选型，后续计划补充最佳实践~
    JavaScript 前端 架构
  • 前端工程化基石 -- AST（抽象语法树）以及AST的广泛应用🔥
    本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。
    前端 JavaScript 架构
    前端工程化基石 -- AST（抽象语法树）以及AST的广泛应用🔥
  • [源码-webpack01-前置知识] AST抽象语法树
    过程及时深度遍历整个AST,然后构建转换后的代码字符串。
    前端
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    Webpack
    Webpack 原理系列九：Tree-Shaking 实现原理
  • Webpack 原理系列十：HMR 原理全解析
    一、什么是 HMR HMR 全称 Hot Module Replacement，中文语境通常翻译为模块热更新，它能够在保持页面状态的情况下动态替换资源模块，提供丝滑顺畅的 Web 页面开发体验。 HM
    前端 Webpack
    Webpack 原理系列十：HMR 原理全解析
  • webpack系列-面试官：webpack用过么？原理是什么？你做过哪些配置？
    面试官灵魂三连问：你用过webpack么，它的原理是什么？ 你还知道些构建工具，各有什么优缺点？ 你在项目中有配置过么，在哪些场景配置过？
    Webpack 面试
    webpack系列-面试官：webpack用过么？原理是什么？你做过哪些配置？
  • 有点难的知识点：Webpack Chunk 分包规则详解
    Chunk 是什么？Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk？
    Webpack
    有点难的知识点：Webpack Chunk 分包规则详解
  • 微应用乾坤路由原理简析
    探讨乾坤的一些基本实现，帮助了解乾坤原理的一个入门。 微前端架构旨在解决应用在一个长时间维护过程中，演变成巨石应用( Frontend Monolith )后，带来的难以维护问题。而乾坤则是基于这类中后台单页应用提出的解决方案。qiankun的主框架选择了成熟的single-s…
    微服务