webpack怎么理解？

webpack就是前端资源模块化管理和打包工具，它可以将很多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源（webpack就是实现自动化的一个架子，你需要什么就安装对应的依赖。属于是开发版、上线后webpack会打包成一个上线版，其代码执行效率就高了），还可以将按需加载的模块进行代码分割，等到实际需要的时候再移步加载（如图），而要它自动实现这些功能，你得提前编辑好配置文件。

vue-cli 是什么？

vue-cli是脚手架工具，其作用就是用配置好的模块迅速搭建起一个项目工程来，省去自己配置webpack配置文件的基本内容。

「 vue-cli是一个基于vuejs 进行快速开发的完整系统，使我们专注项目的开发，而不必纠结配置的问题。 」

官方曰：vue-cli 是：基于webpack构建，并带有合理的默认配置。

原来需要自己配置的webpack相关配置，被cli简化了。并且按照vue的用户习惯整理了一套构建和目录规范。这样，你只要按照vue-cli的配置规则来，就可以满足很多繁琐的webpack+plugin配置。

vue-cli与webpack直接关系

vue-cli里面包含了webpack，并且配置好了基本webpack打包规则。

vueJs

Vue.js 有两大法宝，一个是数据驱动，另一个就是组件化。

问：什么叫组件化，为什么组件化？

答：所谓组件化，就是把页面拆分成为多个组件，每个组件依赖的css，js，模板，图片等资源放在一起开发和维护。因为组件是资源独立的，所以组件在系统内部可复用，组件和组件之间可以嵌套，如果项目比较复杂，可以极大简化代码量，并且对后期的需求变更和维护也更加友好。