使用 webpack 插件 DllPlugin 和 DllReferencePlugin ，是前端工程化中优化打包速度的重要途径。webpack中文网-DllPlugin。 他们可以打包常用的且不经常更新的模块，生成 JS 和 json文件，一般放入 public 目录中；项目…

现在已经快到2024年，本篇文章主要介绍下，对照webpack5最新的文档，重新梳理下 webpack 的最新的最佳实践。

大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和控制项目的行为。

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

vue + element-ui 使用 babel-plugin-component 来实现按需加载组件及样式。 借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。 找到引入 element-ui 的类型为 ImportDe…

1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。