webpack是什么

webpack是模块化管理工具,使用webpack可以对模块进行压缩,预处理,按需加载,按需打包

插件化:webpack本身就粉肠灵活,提供了很多插件接口,基于这些接口,webpack开发了很多插件座位内置功能

**速度快:**webpack使用异步以及多级缓存机制,所以webpack速度是很快的,尤其是增量更新

**丰富的Loaders:**loaders 用来对文件做预处理,这样webpack就可以打包任何静态文件

**高适配性:**webpack同时支持AMD/CommonJs/ES6模块方案

**代码拆分:**webapck 可以将你的代码分片,从而实现按需打包,这种机制可以保证页面只按加载需要的JS代码,减少首次请求时间

**优化:**webpack提供了很多优化机制来减少打包输出文件大小,不仅如此,它还提供了hash机制,来解决浏览器缓存问题

**开发模式友好:**webpack为开发模式也提供了很多腐竹功能,比如SourceMap.热更新等

**使用场景多:**webpack不仅使用与web应用场景,也使用与webworkder,nodejs场景

context:上下文

entry:入口文件,是所有依赖关系的入口,webpack从这个入口开始静态解析
会先生成一棵树,遇到不同类型的文件会调起不同类型的loader
output:打包输出的配置

devtools:SourceMap选项,便于开发模式下调试

watch:监听模式

监听者模式用做平常开始,文件的保存和即时的编译打包输出

profile:优化

cache:缓存文件

module.loaders:如前文介绍,loader是用来对文件做预处理

resolve.alias:模块别名

pulgins:插件

webpack 之所以强大是因为,因为拥有一个更多的pulgins,和loader 生成的多样性