本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

问题背景 目前项目开发较久文件较多，线上打包时间在有插件更新情况下超过 23min,平均时间在 20min,测试反应线上构建时间过长，急需优化（主要是缩短打包时间） 优化前的思考 本次优化的目标主要是

本文罗列出了十多种优化方式，主要是结合 Webpack 官方文档以及项目实践，并且花了大量的时间验证后得出

已经好久没有写博客了。本文不说 Vue3.0 了，相信已经有很多文章在说它了。而前一段时间尤大开源的 Vite 则是一个更加吸引我的东西，它的总体思路是很不错的，早期源码的学习成本也比较低，于是就趁着假期学习一番。 本文撰写于 Vite-0.9.1 版本。 一个是 Vite 主…

在写Node入门系列的时候，我在文中就预告过，会再出一个webpack系列，因为webpack的打包构建离不开Node.js的支持，二者紧密联系，如果仅仅只学webpack，一定会碰到Node.js的相关知识。截止本文发稿，Node.js系列已经写到第五篇，我已经为你准备好了所…

前端打包、构建、gulp、grunt、webpack、rollup、一堆名词，之前没有好好的系统性学习过，这次抽空系统的捋一捋。。。 可以说随着node的出现，前端变得越来越复杂，因为js代码不再是只能运行在浏览器里面的弱鸡语言，随之带来的是同样在服务器上运行的能力。我认为带来…