webpack 干啥的

webpack 初学

1.干什么的？

1.Webpack 是一个前端资源 加载/打包 工具，module bundler(模块打包器)

它做的事情是：分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用

2.Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，
减少页面的请求次数，加快页面的显示速度

各种的js,css,less 文件 ---- 模块

通过 打包

整合成一个或几个静态文件

2.为什么要用？

1.功能复杂的网页项目开发需要大量的复杂代码 。

以 js文件为例：
多个js文件加载到同一个页面中 ，不同的js文件代码 会有交互 ，以便共同完成一项任务，而当网页加载时， 若其中的某个js文件因网络问题而延误，在网页上就表现出显示延迟的效果。
前端目开发中 ，当我们的项目逐渐变大 ，需要我们用到数十或数百的js文件时
问题会更加的复杂，如何处理庞大的js依赖关系就变得非常重要。

而webpack 是一个打包器，运行时会
递归地构建一个依赖关系图(dependency graph)，