时间紧张请直接翻到最后看结论：
刚学习会有一些不懂，什么是webpack 什么是脚手架。
学完了css和html与js的时候我依然不知道脚手架
那么webpack有一个能力就是把这三类文件变成一个文件，没错！不是一个文件夹，而是一个文件。
那么webpack这样做的目的是干什么那？
我在学习node后端的时候想过一个问题，现在前后端分离，我如何把后端文件和前端文件统一放到服务器上。当时我就炸了！我去，不会，后来经过百度，发现后端有个static可以把一个文件夹直接传上去，那么我就把打包好的前端文件放到这个文件夹里就可以。
结论：wabpack可以把前端大量的图片，css，js都转化到一个文件中，读取的时候我直接从这个文件入口去查就可以了。
同时，webpack可以反着用。我的作品很大，我html页面有100个div。我现在想找到一个div怎么办？不好找一个文件上下翻 很烦。
每个div都有一个层级关系，我分好类，哪个div下面的哪个模块下的哪个功能，我这样就很容易找到对应的div。那么我就把这个文件拆成一个树形目录。这样我找个div就很好找。
结论:webpack可以把一个文件根据关系拆分，利于维护
结论： 1、在生产模式下把所有的引入关系变成内嵌
2、在开发模式下把一个大文件分成多个小文件易于开发
3、有统一的配置目录可以合理的导入插件
如果你想学习webpack，先学习html,css，js。然后去B站学习webpack，因为webpack的知识都是基于js讲的。
