乐优商城项目实战（二）项目环境搭建
3. 商城管理系统前端页面
我们的后台管理系统采用前后端分离开发，而且整个后台管理系统会使用Vue.js框架搭建出单页应用(SPA)。
3.1 什么是SPA
3.2 Webpack
3.2.1 介绍
Webpack是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。
中文官方网站：https://www.webpackjs.com/
export：导出
import ：导入（文件的地址）
为什么要打包？
- 将许多碎小文件打包成一个整体，减少单页面内的衍生请求次数，提供网站效率。
- 将ES6的高级语法进行转换编译，以兼容老版本的浏览器。
- 将代码打包的同时进行混淆，提供代码的安全性。
3.2.2 四个核心概念
学习Webpack，你需要先理解四个核心概念：
- 入口(entry)
webpack打包的起点 - 输出()
出口 - 加载器
webpack本身只识别js文件， - 插件
插件可以扩展webpack的功能，让webpack不仅仅是完成打包
自己去构建webpack的所有配置，完成打包会比较麻烦，还好，Vue官方给出了一个工具，叫做vue-cli，可以帮我们快速搭建Vue项目，里面已经内置了webpack。
3.3 vue-cli
3.3.1 介绍和安装
在开发中，需要打包的东西不仅是js、css、html。还有更多的东西要处理。这些插件和加载器如果我们一一去添加就会比较麻烦。
幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli
使用它能快速的构建一个web工程模板。
Git官网：https://github.com/vuejs/vue-cli
官网：https://cli.vuejs.org/zh/
安装命令：npm install -g vue-cli