构建工具
12篇文章 · 0订阅
  • webpack进阶之性能优化(webpack5最新版本)
    说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）
    Webpack 前端 面试
    webpack进阶之性能优化(webpack5最新版本)
  • 前端面试系列之工程化篇
    本篇文章主要介绍一下前端面试中前端工程化相关内容。前阵子总结了一下前端面试相关的知识。分享给大家！大家也可以关注一下专栏，后面会陆续发表相关文章！
    前端 JavaScript 面试
  • 学习 Webpack5 之路（优化篇）- 近 7k 字
    本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。
    前端 Webpack
    学习 Webpack5 之路（优化篇）- 近 7k 字
  • 一文通透讲解webpack5 module federation
    本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federation的大包流程进行阐述；
    前端 Webpack
    一文通透讲解webpack5 module federation
  • 📢 面试官快问快答：webpack VS vite
    webpack久坐老大哥地位，vite后起之秀： webpack的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。vite 的第一次发布是在 2021 年，是近两年的后起之秀！
    前端 面试 架构
    📢 面试官快问快答：webpack VS vite
  • Webpack5构建性能优化：构建耗时从150s到60s再到10s | 京东云技术团队
    近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。
    前端 Webpack 性能优化
    Webpack5构建性能优化：构建耗时从150s到60s再到10s | 京东云技术团队
  • Webpack 的 Chunk，想怎么分就怎么分
    想必大家都用过 webpack，也或多或少了解它的原理，但是不知道大家有没有写过 Webpack 的插件呢？ 今天我们就一起来写一个划分 Chunk 的 webpack 插件吧，写完后你会发现想怎么分
    前端 JavaScript Webpack
    Webpack 的 Chunk，想怎么分就怎么分
  • 【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
    所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式
    前端 架构 JavaScript
    【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
  • [万字总结] 一文吃透 Webpack 核心原理
    解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题
    Webpack
    [万字总结] 一文吃透 Webpack 核心原理
  • 🔥Webpack 插件开发如此简单！
    做自己的轮子，让别人用去吧。 本文灵感源自业务中的经验总结，不怕神一样的产品，只怕一根筋的开发。 在项目打包遇到问题：“当项目托管到 CDN 平台，希望实现项目中的 index.js 不被缓存”。因为我们需要修改 index.js 中的内容，不想用户被缓存。 打包时动态创建 s…
    Webpack 前端
    🔥Webpack 插件开发如此简单！