什么是webpack?
简单来说就是一个打包工具。一个前端项目中可能有很多js文件，可能有很多css文件，每次使用的时候，js文件对于浏览器来说无法进行编译,这时候就用到了webpack，webpack是一个用于现代Javascript程序的静态模块打包工具。它根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。
如下图所示，我们可以看出，webpack可以 将多种资源js。css，less转换成一个静态的文件，从而减少了页面的请求。
webpack的特性：
可以将浏览器不能直接识别的代码转为能识别的代码；可以将非commonJs代码转为commonJs的代码；可以减少文件的数量，进而提升网页响应速度。
webpack的使用：
1.初始化项目，npm init -y 生成package.json文件
2.下载webpack ，webpack-cli的包 npm i webpack webpack-cli (-D(当前目录的开发环境) -S(当前目录的生成环境) -g(全局目录))
3.新建配置文件webpack.config.js
4.书写配置：
入口 entry 指定开始的打包文件
出口 output 指定打包后生成的文件和文件位置
配置模块 module 处理scss，css 后缀的文件，
用sass-loader scss来处理
下载 npm i sass-loader sass style-loader css-loader -D
处理 jpg，png，gif后缀的图片，用file-loader来解析
下载 npm i file-loader -D
配置插件 plugin
生成html文件的插件
下载 npm i html-webpack-plugin -D
清除dist文件夹
下载 npm i clean-webpack-plugin -D
执行webpack打包
配置打包脚本 在package.json中配置
运行打包脚本 npm run dev。
