摘要：一个文件，一张图片一个文件都是一个模块，都能用导入模块的语法的，的导入进来。自身只能读懂类型的文件，其它的都不认识。
webpack 是什么？
webpack是一个前端模块化打包工具指（由于模块化开发，所以需要打包，这里所说的模块化开发主要指JS)
由于现代前端应用程序越来越复杂，需要采用模块化进行开发，但浏览器还未支持模块化开发，所以webpack才诞生
webpack默认只支持js的模块化（CommonJS/ES6/AMD），如果需要把其他文件（css/图片等）也当成模块引入，就需要相对应的loader解析器现代前端
挂载点
传统前端的挂载点：html入口文件 （无论是js、css还是图片等资源都统一由html文件管理和调度） 现代前端的挂载点：js入口文件 （无论是js组件、css还是图片等资源都统一由js文件管理和调度，html文件作为模板）
模块化与打包工具
传统前端：都是多页面应用，无模块化概念，因此无需打包工具 现代前端：可以是单页面应用，也可以是多页面应用，有模块化概念，由于历史原因，很多浏览器还不支持模块化，故出现打包工具
导入模块资源
传统前端：在html文件，导入css资源使用