1-webpack概念

工具类.理解存在原因,学会使用
https://www.webpackjs.com/
https://www.cnblogs.com/-walker/p/6056529.html
https://www.jianshu.com/p/42067d05cc90

image.png

一.作用

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
----------官网
简单的说,就是js应用程序的打包工具,是前端模块化和构建工具

二.webpack和Grunt,Gulp的区别

Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，这个工具之后可以自动替你完成这些任务。
Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个浏览器可识别的JavaScript文件。

Loaders是一种转换器。将一种文件转换成另外一种。