大多数开发者对于 Webpack 也许仅仅停留在使用配置层面，仅能够熟练应用 Webpack 各种配置选项在真实项目中。

所谓插件即是 webpack 生态中最关键的部分， 它为社区用户提供了一种强有力的方式来直接触及 webpack 的编译过程(compilation process)。

Webpack 在前端工程化中可谓是大名鼎鼎，在Webpack编译过程中存在两个核心对象。

大多数前端开发者对于loader可能都清楚它存在两个执行阶段normal和pitch阶段，但是大多数同学对于pitch loader的理解仅仅停留在：

日益繁杂的前端工程化中，围绕Webpack的前端工程化在前端项目中显得格外重要, 谈到webpack必不可少的就会提起Loader机制。

Webpack在前端前端构建工具中可以堪称中流砥柱般的存在，日常业务开发、前端基建工具、高级前端面试...任何场景都会出现它的身影。

常用loader 安装webpackcnpm install webpack -D 安装webpack-clicnpm install webpack-cli -D 安装css-loadercnpm install css-loader -D 安装style-loadercnpm install sty...

webpack5搭建vuecli话不多说，先上最终打包结果对比图： 原本使用vue脚手架写的项目，在没做优化的情况下，最终的打包结果：

随着Vue3为广大开发者所接受和自身生态逐渐完善，更多同学往vue3的工程化方向完善，本文恰好给大家介绍下如何更好使用vue3及其周边插件，以及让他们组合到整个工程中去。...

[15dz2gbnov.jpg]背景前段时间用Vite2.x造了个Vue3的个人项目，在Vite的加持下，无论是项目冷启动、热更新和构建，比起webpack速度都提升n00%（n≥10）以上，怀着强烈的好奇心，就把Vite的源码搞了下来学习下，顺便水篇文章方便以后...