以前的页面只有html，js，css，没使用框架。现在的前端都有使用框架，如vueJs，但是浏览器无法识别这些sass，vue模板，cjs等，webpack用来把项目打包成js，css，jpg等，通过require加载
什么是webpack： 是一个js静态模块打包器，处理项目时，会用递归构建一个依赖关系图，把项目所需要的模块打包成一个或多个包（bundle）
核心概念：
- Entry：入口起点，分析构建内部依赖图
- Output：输出，打包后的bundle输出到哪里去，以及如何命名文件名，默认dist
- Module：模块，从入口起点后，webpack会递归查找这些依赖模块
- Chunk：代码块，一个chunk由多个模块组合而成，用于代码合并和分割
- Loader：处理，让webpack去处理非js文件，根据依赖图处理成可以直接引用的模块
- Plugins：插件，可扩展（官方：可以用于执行范围更广的任务，插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量等）
