webpack
14篇文章 · 0订阅
  • 怎么给 Webpack 构建生成的文件加version？
    介绍 Webpack 里的三种 hash 类型：hash chunkhash contenthash，如何给构建输出的文件加 hash 值，解决浏览器缓存问题，提高网站二次加载性能。
    Webpack
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    前端 JavaScript
    Webpack 原理系列九：Tree-Shaking 实现原理
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    Webpack
    Webpack 原理系列九：Tree-Shaking 实现原理
  • 你真的了解tree shaking吗
    前端在做性能优化的时候，其中一种有效的方式就是减少包体积的大小。而减少包体积大小的其中一种有效的方式就是tree-shaking，本文会对tree-shaking这个功能做一个详细的解析。
    前端 Webpack JavaScript
    你真的了解tree shaking吗
  • 走进 Tapable
    webpack4 之后，看着编写 插件(Plugin) 的 "套路"，总会好奇：tap、tapAsync是什么？
    Webpack
    走进 Tapable
  • webpack的摇树、拆包、热更新、按需加载等难点
    我正在参加「掘金·启航计划」tree shaking 失败的原因，1、代码没用import引入 2、webpack配置没开启摇树 3、副作用 4、babel配置preset-env没写 module
    前端 Webpack
  • 如何编写webpack插件
    webpack插件在webpack编译阶段的作用和执行时机，tapable介绍，如何编写自己的webpack插件。
    Webpack
  • 二十张图片彻底讲明白Webpack设计理念，以看懂为目的
    Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。
    前端 架构 JavaScript
    二十张图片彻底讲明白Webpack设计理念，以看懂为目的
  • 学习 Webpack5 之路（优化篇）- 近 7k 字
    本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。
    前端 Webpack
    学习 Webpack5 之路（优化篇）- 近 7k 字
  • 「吐血整理」再来一打Webpack面试题
    本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…
    面试 Webpack
    「吐血整理」再来一打Webpack面试题