webpack.docschina.org/
本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。
从4.0开始，webpack 可以不用再引入一个配置文件来打包项目，也就是说支持零配置打包。但webpack是基于Node.js进行打包的，因此需要安装Node。 webpack的基本操作:
$ npm init -y
$ npm install webpack-cli --save-dev //安装在本地环境可防止不同项目之间的版本冲突问题
yarn:
$ yarn add webpack-cli -D
零配置使用:
$ npx webpack
webpack打包原理:webpack其实是一个平台，在平台上我们会安装融入各种需要处理的打包规则。
- mode:打包模式 开发环境development，生产环境production。这里开发环境就是指开发者写代码的环境，生产环境就是开发完毕后把项目打包部署到服务器上的环境，关于二者区别后面再说。
- entry:入口 webpack打包的开始位置，具体使用方法见中文文档。
- output:输出 即打包后的文件路径。
- loader:加载器 简单地说是用于实现代码编译的，官网两个经典的例子，一个是在JS中导入CSS，一个是将TS转化为JS，使用的时候需要安装对应的加载器并完成配置。
- plugin:插件 可供处理的需求很多，webpack中提供了很多开箱即用的插件。
- Resolve:解析器 通过Resolve可以自定义Webpack的语法解析规则
- optimization:优化项
- DevServer:配合webpack-dev-server在本地启动Web服务，实现项目预览和跨域处理。
- ...
总结：本节课学习了webpack的安装操作和基础概念。
