webpack
5篇文章 · 0订阅
  • Webpack手写loader和plugin
    我们在Webpack基础篇介绍了多种loader和plugin以及每种的用途；那么他们两者在webpack内部是如何进行工作的呢？让我们手写一个loader和plugin来看看它内部的原理，以便加深对webpack的理解。 因此我们就来尝试写一个less-loader和styl…
    Webpack
    Webpack手写loader和plugin
  • 在淘宝优化了一个大型项目，分享一些干货（Webpack，SplitChunk代码实例，图文结合）
    本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…
    Webpack
  • webpack5 SplitChunksPlugin 实用指南
    提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展。 webpack4中支持了零配置的特性，同时对块打包也做了优化，CommonsChunk…
    前端 Webpack
    webpack5 SplitChunksPlugin 实用指南
  • Webpack项目优化之CDN加速、Gzip压缩和SplitChunks拆分
    这里以vue项目为例，配置包括但不限于vue项目。其他项目按类似逻辑配置基本一样。 分析：通过把类似 echart、element-ui、lodash 等第三方依赖库单独提取出，从而减小打包的体积大小，关键属性 externals 配置后的依赖插件不会被打包进 chunk 。而…
    Webpack 前端
  • webpack 十连问你能接住几题
    前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配置参数，合并shell传入和
    Webpack 面试
    webpack 十连问你能接住几题