webpack
5篇文章 · 0订阅
  • 使用 Preload&Prefetch 优化前端页面的资源加载
    对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时机，提升页面性能。一、从一个
    浏览器
  • 「一劳永逸」由浅入深配置webpack4
    webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loader，plugins，webpack4新特新，还有部分高级概念。 Output: 如何命名输出文件，以及输出…
    Webpack JavaScript
    「一劳永逸」由浅入深配置webpack4
  • Vue CLI 2&3 下的项目优化实践 —— CDN + Gzip + Prerender
    和很多小伙伴一样，我在开发Vue项目时也是基于官方vue-cli@2的webpack模版，但随着项目越做越大，依赖的第三方npm包越来越多，构建之后的文件也会越来越大，尤其是vendor.js,甚至会达到2M左右。再加上又是单页应用，这就会导致在网速较慢或者服务器带宽有限的情况…
    Vue.js 前端 SEO
    Vue CLI 2&3 下的项目优化实践 —— CDN + Gzip + Prerender
  • 浅谈 webpack 性能优化（内附巨详细 webpack 学习笔记）
    笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…
    Webpack
    浅谈 webpack 性能优化（内附巨详细 webpack 学习笔记）
  • 带你深度解锁Webpack系列(优化篇)
    带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…
    JavaScript 前端
    带你深度解锁Webpack系列(优化篇)