webpack
12篇文章 · 0订阅
  • 在淘宝优化了一个大型项目，分享一些干货（Webpack，SplitChunk代码实例，图文结合）
    本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…
    Webpack
  • 如何给所有的async函数添加try/catch？
    阿里三面的时候被问到了这个问题，当时思路虽然正确，可惜表述的不够清晰 后来花了一些时间整理了下思路，那么如何实现给所有的async函数添加try/catch呢？
    前端 Babel 面试
    如何给所有的async函数添加try/catch？
  • 每个前端都必须要学会的Webpack优化手段
    前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli，但是只是基本搭建，而没有进
    前端 JavaScript Webpack
    每个前端都必须要学会的Webpack优化手段
  • nginx和webpack开启gzip压缩--前端开发
    如果 Nginx 服务器开启gzip，会将静态资源在服务端进行压缩，压缩包传输给浏览器后，浏览器再进行解压使用，这大大提高了网络传输的效率，尤其对 js，css 这类文本的压缩，效果很明显。 开启|关闭 gzip。 文件大于指定 size 才压缩，以 kb 为单位。 压缩级别，…
    前端框架
  • Webpack5热替换，压缩JS、CSS、图片，基础优化新方法
    Webpack5自带，不用安装。暂时忘记UglifyjsPlugin ParallelUglifyPlugin和环境变量吧 cache不再单独配置。遵循webpack的cache设置（与optimization同级） sourceMap不再单独配置。遵循webpack的devt…
    Webpack
  • Webpack项目优化之CDN加速、Gzip压缩和SplitChunks拆分
    这里以vue项目为例，配置包括但不限于vue项目。其他项目按类似逻辑配置基本一样。 分析：通过把类似 echart、element-ui、lodash 等第三方依赖库单独提取出，从而减小打包的体积大小，关键属性 externals 配置后的依赖插件不会被打包进 chunk 。而…
    Webpack 前端
  • Webpack5 系列（五）：Tree Shaking
    一、前言 上一篇讲到对JS语法的处理，本篇将介绍 Tree Shaking 。 我们经常会在主文件或者组件文件中引入其他模块中的代码，但实际上我们只用其中的一部分，剩下的代码则不需要引入。然而在默认情
    Webpack 前端
  • 我曾为配置 webpack 感到痛不欲生，直到我遇到了 webpack-chain
    今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。
    前端 JavaScript
  • 手摸手写个webpack plugin
    手摸手写个打包完就发通知邮件的插件~高效摸鱼 目录 1. 基本概念 2. 使用方法 3. 源码学习 4. 开发实战 5. 其他
    前端 Webpack
    手摸手写个webpack plugin
  • webpack的面试题总结
    随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而出成…
    Webpack