这篇文章 是我 学习 webpack 的一些 知识点，包含webpack基本概念,webpack3 4 5版本对比和compiler基本流程和个人实操。当初为了搞这个可用了老大劲(唏嘘)

阿里三面的时候被问到了这个问题，当时思路虽然正确，可惜表述的不够清晰 后来花了一些时间整理了下思路，那么如何实现给所有的async函数添加try/catch呢？

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单可以去对照着优化。

初衷： 分享一下工作中实用的几个Plugin，希望对大家有些帮助，不喜勿喷。 用途： 将css样式从js文件中提取出来最终合成一个css文件，该插件只支持webpack4之前的版本，如果你当前是webpack4及以上版本那么就会报错。 上面配置中，extractTextPlug…

先创建一份 vue-cli 作为参考。https://cli.vuejs.org/zh/guide/installation.html 然后创建 my-vue-cli 初始化项目结构，添加.gitignore等。 1. 初始化webpack 2. 添加项目结构 入口文件：src…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

推荐先阅读 webpack 入门教程之后再来阅读本文。 webpack 4 最大的改动就是废除了 CommonsChunkPlugin 引入了 optimization.splitChunks。 webpack 4 的Code Splitting 它最大的特点就是配置简单，如果…

出于 构建速度 的考虑，最近把之前基于 vue-cli2.0 和 webpack3.x 的vue项目升级为 vue-cli3.0 和 webpack4.x，零配置下构建速度提升都已经很明显。 我们可以看到升级后首次构建速度有些许下降，但二次构建速度显著提升。升级前product…