Webpack
12篇文章 · 0订阅
  • UMI 配置优化 - 优化打包体积，提高打包速度、提高热更新速度etc
    UMI 配置优化 - 提高打包速度、提高开发速度、减少打包体积 项目越来越大，打包后的体积很大，打包时间也很长；开发时每次运行也需要很久，随便改动一个地方都要等2分钟以上才能看到效果（热更新太慢）。
    前端 Webpack
  • webpack详解
    webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…
    JavaScript 前端 Promise
  • 妈妈再也不用担心我不会webpack了
    webpack前端工程中扮演的角色越来越重要，它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack，妈妈再也不用担心我不会使用webpack，哪里不会看哪里。这是一个由浅入深的文章。 现在vue、react等脚手架都会自动将开发环境使用的webpac…
    前端 Webpack
  • Webpack-源码三，从源码分析如何写一个plugin
    经过上一篇博客分析webpack从命令行到打包完成的整体流程，我们知道了webpage的plugin是基于事件机制工作的，这样最大的好处是易于扩展。社区里很多webpack的plugin，但是具体到我们的项目并不一定适用，这篇博客告诉你如何入手写一个plugin，然后分析源码相…
    Webpack 源码 前端
  • Webpack 原理浅析
    Webpack 迭代到4.x版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。 假设某一天，我们接到了需求，需要开发…
    JavaScript Webpack
    Webpack 原理浅析
  • 浅谈 webpack 性能优化（内附巨详细 webpack 学习笔记）
    笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…
    Webpack
    浅谈 webpack 性能优化（内附巨详细 webpack 学习笔记）
  • 干货！撸一个webpack插件(内含tapable详解+webpack流程)
    Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…
    Webpack
  • 分析vue-cli@2.9.3 搭建的webpack项目工程
    已经有很多分析Vue-cli搭建工程的文章，为什么自己还要写一遍呢。学习就好比是座大山，人们沿着不同的路登山，分享着自己看到的风景。你不一定能看到别人看到的风景，体会到别人的心情。只有自己去登山，才能看到不一样的风景，体会才更加深刻。 项目放在笔者的github上，分析vue-…
    Vue.js Vuex
  • webpack输出文件分析以及编写一个loader
    webpack是时下最流行的前端打包构建工具，本质上是一个模块打包器，通过从入口文件开始递归的分析寻找模块之间的依赖，最终输出一个或多个bundle文件。 将生成的内容根据配置生成文件，输出到指定的位置。 webpack的核心对象是Compile，负责文件的监听和启动编译，继承…
    Webpack
    webpack输出文件分析以及编写一个loader
  • Webpack 4 配置最佳实践
    Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南，在文档层面上还有所欠缺，大部分人对升级 Webpack 还是一头雾水。 不过 Webpack 的开发团队已经写了一些零散的文章，官网上也有…
    Webpack Node.js 前端
    Webpack 4 配置最佳实践