按需加载，顾名思义，意思就是比如有一段code，仅在被使用的时候才会加载，这样可以解决在访问一个页面时，一次性加载过大size的静态资源问题。按需加载，就得拆分静态资源，比如js、css。

require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模

`require.context` 是 webpack 提供的一个 API，用于在模块化代码中自动引入符合特定规则的所有模块。该 API 的作用是将目标目录下的所有文件都打包到一个模块中，并按照目录结

一、webpack如何进行动态导入的 1. 先搭建一个最基本的能用的webpack项目， 简单配置如下 2. 再从同步引入模块入手 当我们入口文件引用了两个其他文件 打包后的结构目录 从main.js

前言 webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。 下面我们基于 webpack5 源码结构，对整个打包流程进

1. require.context 的 ~~三个~~ **四个** 参数 2. 前端路由自动化引入(vue) 3. require.context导致vue 路由懒加载失效

这两个语句我们应该经常能看到，第一个import就不用说了，可以说现在的前端项目随处可见，第二个import可以在需要懒加载的地方看到，比如vue-router的懒加载配置，但是大家好像却从来都没太深究过这个东西。 import是es module提供的一个加载模块的方法，目前…

进程和线程是一个程序员必知概念，面试也经常被问到，尽管开发中用到的比较少，但是它对我们的帮助是不可忽视的！

最后，__webpack__require__函数返回module.exports，这样，导入方也就拿到了依赖模块的导出值。 定义取值函数n，功能，根据模块导出值类型去区分取值，commonJS则返回export本身，es模块则返回export的default。