Webpack
11篇文章 · 0订阅
  • 深度剖析 tree shaking：主流打包工具的实现对比
    本文将以概述的视角简要介绍各个 bundler 的 tree shaking 原理，以及各个 bundler 的 tree shaking 之间的差异。
    前端 JavaScript 架构
    深度剖析 tree shaking：主流打包工具的实现对比
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    前端 JavaScript
    Webpack 原理系列九：Tree-Shaking 实现原理
  • 多图详解，一次性搞懂Webpack Loader
    本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。
    前端 JavaScript Webpack
    多图详解，一次性搞懂Webpack Loader
  • 🎨 一文了解 Webpack 插件机制之 Tapable
    本文适用于前端方向的同学（没错就是给自己看的😭），Webpack 的插件机制本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是 tapable。一起学习吧~
    前端 Webpack JavaScript
    🎨 一文了解 Webpack 插件机制之 Tapable
  • 学习 Webpack5 之路（优化篇）- 近 7k 字
    本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。
    前端 Webpack
    学习 Webpack5 之路（优化篇）- 近 7k 字
  • 学习 Webpack5 之路（实践篇）
    本篇将从实践出发，在第一章节《基础配置》中使用 webpack 搭建一个基础的支持模块化开发的项目，在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。
    Webpack JavaScript
    学习 Webpack5 之路（实践篇）
  • 详解webpack plugin的原理及编写一个plugin
    plugin的作用是解决功能定制的问题。complier可以看出是webpack实例化对象，compilation是其中一个重要过程，在这个阶段中提供了很多钩子函数对chunks进行定制。
    Webpack JavaScript
  • 此篇由浅入深介绍webpack如何自定义一个loader
    创建自己的Loader 思考 Loader是什么？ Loader是用于对模块的源代码进行转换（处理），之前我们使用过许多Loader，比如css-loader、style-loader等......
    前端 面试 Webpack
    此篇由浅入深介绍webpack如何自定义一个loader
  • 【前端规范全攻略】开启高效开发之旅！ESLint + Prettier + husky + lint-staged+Commitizen
    如何统一代码风格，规范提交呢？ 推荐使用前端规范全家桶 ESLint + Prettier + husky + lint-staged。
    前端 代码规范 ESLint
  • 玩转 webpack，使你的打包速度提升 90%
    webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…
    前端