定义

静态模块:指的是编写代码过程中的html,css,js,图片等固定内容的文件
打包:把静态模块内容压缩、整合、翻译等(前端工程化)
1)把less/sass转成css代码
2)把ES6+降级成ES5+
3)支持多种模块标准语法

使用Webpack
步骤:
1.新建并初始化项目,编写业务源代码

2.下载webpack webpack-cli到当前项目中(版本独立)
npm i webpack webpack-cli --save-dev
--save-dev标记这两个包是在开发环境下使用
配置局部自定义命令
