webpack核心概念
Webpack在启动后会从Entry里配置的Module开始,递归解析Entry依赖的所有Module。每找到一个Module,就会根据配置的Loader去找出对应的转化规则,对Module进行转换后,再解析出当前Module依赖的Module。这些模块会以Entry为单位进行分组,一个Entry及其所有依赖的Module被分割到一个组也就是一个Chunk。最后,Webpack会将所有Chunk转化成文件输出。在整个流程中,Webpack会在恰当的时机执行Plugin里定义的逻辑。
Entry:(入口 ,指项目的主入口 )。Webpack执行构建的第一步将从Entry开始,可抽象为输入。
Outout:(出口,构建输出的文件路径和文件名)。输出结果,在Webpack经过一系列处理并得到最终想要的代码后输出的结果。
Loader:(加载器,转换webpack不识别的文件(资源)类型)。模块转化器,用于将模块的原内容按需转化为新内容。
Plugins:(插件,为了扩展webpack的功能)。扩展插件,在Webpack构建流程中的特定时机注入扩展逻辑,来改变构建结果或做我们想要的事情。
Module:(模块,切换开发模式)。模块,将Webpack里一切皆模块,一个模块对应一个文件,Webpack会从配置的Entry开始递归出所有依赖的模块。
Chunk:代码块,一个Chunk由多个模块组成,用于代码合并且分割。