为什么使用打包工具

开发时会使用多种语言、框架、不同的标准，预处理器
想要在浏览器运行必须经过编译成浏览器能识别的js、css语法
除此之外，打包工具还能压缩袋吗，兼容性处理，提升代码性能
打包工具

GRUNT
parcel
webpack
介绍

webpack 是一个静态资源打包工具
会以一个或多个文件作为打包的入口，将整个项目所有文件编译组合成一个好多个文件输出出去。输出的文件就是编译好的文件，就可以在浏览器端运行了

功能

开发模式：仅能编译JS的ES module语法
生产环境：还能压缩JS代码

配置

1、entry（入口）
指示从那个文件开始打包
2、output（出口）
指示打包完的文件输出到哪里如何命名
3、loader（加载器）
webpack本身只能处理js、json等资源，需要接住loader才能解析其他资源
4、plugins（插件）
扩展webpack的功能
5、mode（模式）
主要由两种
development
production

准备配置文件