前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli，但是只是基本搭建，而没有进

这是我参与11月更文挑战的第N天，活动详情查看：2021最后一次更文挑战」 babel VS swc swc是一个类似babel的JavaScript/TypeScript编译器，但是由于swc使用R

背景 Next.js 11 已经使用了 swc 替换 babel 进行了 js 代码编译，构建速度提升了不少。于是针对自己的组件库进行了一波优化。 组件库使用了 React + TypeScript

版本："webpack": "^5.68.0"。对于一个前端来说，面试的时候总是会被问到webpack相关问题，这里带大家搭建一个简易的Vue/React项目，并提一些面试被经常的问题

0. 背景 随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二选择，包括 create-react-app 以及 vue-cli 等等业内常见的…

万字总结!一篇文章带你从零打造真正的工程化Ts+React+Webpack5多页应用。告别枯燥的文字，我们从实践出发，一步一步跟随代码讲解从零搭建属于自己风格的项目架构，从此不在恐惧环境搭建！

Webpack5+的基础配置，里面包括了对微博pack的一些基础讲解、别名配置、跨域、html、css等在webpack运行时的处理方式。

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，…