webpack
7篇文章 · 0订阅
  • 『Webpack系列』—— externals用法详解
    如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…
    Webpack Vue.js
    『Webpack系列』—— externals用法详解
  • 浅谈 webpack 性能优化（内附巨详细 webpack 学习笔记）
    笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…
    Webpack
    浅谈 webpack 性能优化（内附巨详细 webpack 学习笔记）
  • vue-cli3 webpack 打包优化实践总结
    年前做过一个公司内部的后管平台，前端使用 vue.js 框架开发，基于 vue-cli3 脚手架构建项目，ui 组件库使用 Element-UI，其他组件还包括 axios，echarts，vue-router，vuex 等，该项目功能简单，涉及页面 40 个，都是简单的表单或…
    性能优化
  • 从零实现webpack热更新HMR
    本文以剖析webpack-dev-server源码，从零开始实现一个webpack热更新HMR，深入了解webpack-dev-server、webpack-dev-middleware、webpack-hot-middleware的实现机制，彻底搞懂他们的原理，在面试过程中这…
    前端
    从零实现webpack热更新HMR
  • 【webpack 性能优化】编译速度从 50S 到 7S
    随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解 babel-lo…
    Webpack
    【webpack 性能优化】编译速度从 50S 到 7S
  • 从零开始配置webpack(基于webpack 4 和 babel 7版本)
    webpack启动后会从 Entry 里配置的 Module 开始递归解析 Entry 依赖的所有Module.每找到一个Module,就会根据配置的Loader去找出对应的转换规则，对Module进行转换后，再解析出当前的Module依赖的Module.这些模块会以Entry…
    JavaScript Webpack
  • Webpack原理与实践（一）：打包流程
    在阅读 webpack4.x 源码的过程中，参考了《深入浅出webpack》一书和众多大神的文章，结合自己的一点体会，总结如下。 webpack 就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。 这条生产线上的每个处理流程的职责都是单一的，多个流程之间有存在依…
    Webpack 前端