webpack
4篇文章 · 0订阅
  • webpack插件机制之Tapable
    对于Webpack有一句话Everything is a plugin，Webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable。Tapable有点类似nodejs的events库，核心原理也是依赖与发布订阅模式。webp…
    前端 Webpack
  • [webpack] devtool里的7种SourceMap模式是什么鬼？
    作者：滴滴公共前端团队 - 水乙 我们在使用 webpack 打包我们的工程模块时，经常会需要 devtool 开启 sourceMap 让我们可以调试代码，但是 webpack 文档中关于 devtool 给出了7种模式，文档也写得非常简略，初学者很难上手。本文将这7种模式的…
    前端 Webpack
    [webpack] devtool里的7种SourceMap模式是什么鬼？
  • webpack的sourcemap
    jssourcemap原理如何开启sourcemap？在打包后的代码尾部追加一行：soucemap的格式value作用eval每个模块都用eval封装进行运算，并且在末尾追加注释//@sourceUR
    Webpack 前端 JavaScript
  • 干货！撸一个webpack插件(内含tapable详解+webpack流程)
    Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…
    Webpack