安装
4.x 需要安装webpack 和 webpack-cli ， -D表示开发依赖包 上线时不需要
npm install webpack -D
npm install webpack-cli -D
什么是Webpack
WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，解析js模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。
webpack 默认识别js文件
新建src文件夹 -> index.js文件
打包命令: webpack 或者 npx webpack
webpack默认打包src文件夹下面的index.js文件
默认打包后的文件夹叫dist 里面main.js为打包后的文件
webpack可以解析js模块
即在index.js中使用到了require语法(commonJs规范)，这种是在node环境中是可以运行的，
但是在浏览器中并不识别这种规范，所以在index.html中直接引入index.js 检查网页时会报
require is not defined , 但是当index.html中引入打包后的main.js文件就不会报这种错
误了 因为webpack已经帮我们模块化处理好了
直接引入index.js 会报require is not defined
引入打包后的文件 就不会报错 因为webpack自动帮我们模块化处理好了