webpack
6篇文章 · 0订阅
  • Webpack 插件架构 - Tapable
    前言 webpack 基于 Tapable 实现了一套插件架构体系，它能够在特定时机触发钩子，并附带上足够的上下文信息。 在插件定义的钩子回调中，与这些上下文背后的数据结构、接口交互产生 side e
    Webpack 前端 架构
  • webpack4.0源码分析之Tapable
    webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable，webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。本文主要介绍一下Tapable中的钩子函…
    前端 Promise
  • 多图详解，一次性搞懂Webpack Loader
    本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。
    前端 JavaScript Webpack
    多图详解，一次性搞懂Webpack Loader
  • webpack由浅入深——（ast、loader和plugin）
    JavaScriptParser是把js源码转化为抽象语法树的解析器。常用的JavaScript Parser： 其中webpack就是使用的acorn将源代码解析成AST进行操作。 loader是webpack用来处理加载不同资源文件的插件，它只在webpack对资源文件进行…
    JavaScript 前端 Webpack
  • 手把手教你在Webpack写一个Loader
    你可能搭建 Webpack 项目很熟悉，配置过各种 loader ,面试官在 Webpack 方面问你，是否自己实现过一个loader?如果没有去了解过如果去实现，小浪来教你写一个简单loader!
    前端 面试 Webpack
    手把手教你在Webpack写一个Loader
  • webpack之plugin编写 -- 从html-webpack-plugin源码的角度来看如何编写plugin
    它可以理解为webpack编译一次生成的整个编译资源，一个 compilation 对象表现了当前的模块资源、编译生成资源、变化的文件、以及被跟踪依赖的状态信息。compilation 对象也提供了很多关键时机的回调，以供插件做自定义处理时选择使用。本次主要关注 assets …
    Webpack