webpack核心概念学习
2021-01-21 10:27:46 0 举报AI智能生成
webpack核心概念学习
作者其他创作
大纲/内容
Entry(入口配置)
⼊⼝起点，⽤来告诉webpack⽤哪个⽂件作为构建依赖图的起点。
webpack会根据entry递归的去寻找依赖，每个依赖都将被它处理，
最后输出到打包成果中
webpack会根据entry递归的去寻找依赖，每个依赖都将被它处理，
最后输出到打包成果中
SPA
MPA
Output(出口配置）
描述webpack打包的输出配置，包含输出⽂件的命名、位置等信息
MPA可通过占位符[name]来配置
Module
4.0开始，webpack⽀持零配置，旨在为开发⼈员减少上⼿难度，同时加⼊了mode的概
念，⽤于指定打包的⽬标环境，以便在打包的过程中启⽤webpack针对不同的环境下
配置的优化。
念，⽤于指定打包的⽬标环境，以便在打包的过程中启⽤webpack针对不同的环境下
配置的优化。
一切皆模块，webpack会从Entry递归找出所有依赖关系
Chunk
指代码块，⼀个 chunk 可能由多个模块组合⽽成，也⽤于代码合并与分割
bundle
资源经过Webpack 流程解析编译后最终结输出的成果⽂件。
Loader
默认情况下，webpack仅⽀持 .js .json ⽂件，通过loader，可以让它解析其他类型的
⽂件，充当翻译官的⻆⾊。理论上只要有相应的loader，就可以处理任何类型的⽂件。
loader主要的职责是让webpack认识更多的⽂件类型。
Plugin
plugin的职责则是让其可以控制构建流程，从⽽执⾏⼀些特殊的任务。
插件的功能⾮常强⼤，可以完成各种各样的任务。
0 条评论
下一页
为你推荐
查看更多
