项目使用webpack的目的是什么？

webpack是解决什么问题而生的

如果像以前开发时一个html文件可能会引用十几个js文件,而且顺序还不能乱，因为它们存在依赖关系，同时对于ES6+等新的语法，less, sass等CSS预处理都不能很好的解决……，此时就需要一个处理这些问题的工具。

前端为什么要进行打包和构建？

代码层面：

• 体积更小（Tree-shaking、压缩、合并），加载更快
• 编译高级语言和语法（TS、ES6、模块化、scss）
• 兼容性和错误检查（polyfill,postcss,eslint）
  研发流程层面：
• 统一、高效的开发环境
• 统一的构建流程和产出标准
• 集成公司构建规范（提测、上线）