webpack作为前端工程化实现的重要工具，日常开发尤其是mvvm类框架提供的CLI工具，都离不开对webpack的应用，但这些cli工具都是在webpack基础之上进行了再封装，可能多数情况下，我们压根没必要直接跟webpack打交道，但是某些特殊情况下，还是要做一些个性化的webpack配置的。故，学习它不可避免
初始化
npm init -y 初始化package.json
cnpm i webpack webpack-cli --save-dev 局部按照webpack
新建index.html文件作为入口文件，在src下新建index.js作为模块并在入口引入
原生方式的弊端
当我们将jquery的引入放置在body的最后或忘记引入时，将会出错，当引入依赖过多时，无法直接体现相互之间的依赖关系
引入jquery但是并不使用时，浏览器仍然会发起请求获取jq代码
不能使用import语法
使用webpack管理依赖
新建dist文件夹，移除index.html文件中关于jquery的cdn引用并将其移入到该文件下
使用cnpm i jquery --save-dev安装jq包，并在src/index.js中通过import的方式引入
执行npx webpack，让webpack执行编译
（dist文件是webpack打包的默认出口）
重新打开index.html，发现import语法不再报错
设置快捷打包方式
自定义配置文件
在根目录创建webpack.config.js文件，这将被webpack自动引入并读取
也可以指定我们自定义的配置文件名称
