是一个前端资源加载或者打包工具。常见的资源有img css js json等
npm：
是资源管理工具。
首先新建文件夹第一步是执行终端指令：npm init.
第一步：下载
（工具是开发环境不是生产环境）
npm install -g webpack@3.8.1(全局下载不分生产跟开发，因为不在当前项目里面，不用去指定)
npm install webpack@3.8.1 --save-dev(局部下载)（也叫开发环境）（如果不加--save-dev默认是生产环境）。
[尽量全局和局部都安装]
第二步：
打包js文件：
指令，webpack 入口文件，出口文件
webpack js/a.js dist/bundle.js
然后来操作一下吧：
第1步创建文件：
第2步：分别在a,b,子模块里写内容。
然后到终端对主文件进行打包，然后生成一个叫bundle.js的文件
查看网页就可以看到内容：
但是每次执行的时候都需要webpack 入口文件，出口文件。这样就很麻烦了为了更方便我们有了简便的方法：
如果我们只想使用webpack这个指令，就完好打包需要配置webpack.config.js，指令就是简单的webpack就可以了。
现在来看一下怎么配置文件：
首先我们新建一个webpack.config.js的文件：
Webpack会有一个默认的配置文件叫webpack.config.js。就是在我们的app1文件夹里就会找有没有webpack.config.js文件，如果有就会自动找到webpack.config.js文件然后运行里面的代码，通过里面的关系进行转换，里面的关系是自己设定的，人家只提供规则，
规则一：是必须暴露接口：