打包vue项目

前言

最新想开发一个前后端分离的项目，一直想开始的，拖延了好久终于决定要对它下手了。最早的时候开发的时候使用的还是JSP，那个时候使用的还是EL表达式，后来切换到Spring和SpringMVC之后采用的是HTML+JS的all in one的模式，虽然也可以称为前后端分离，但是还是耦合在一个大工程里面。到最近的项目拆分为前后端完全分离的模式。由于公司组织结构调整，前后台完全分离，所以对前端技术有点生疏了。需要及时补救一下。虽然VUE已经是一个很流行的框架了，但是三天不练手生，所以还是决定自己搞一个项目练练手。然后记录一下其中遇到的问题。这个项目也是在别人的基础上进行的开发改造。

打包vue项目

• 从控制台终端进入项目所在的文件夹下,执行命令npm run build.

• 看到如下提示就是打包完成,打包的速度和你项目的大小有关.
  

• 打包成功会在项目下出现一个dist的文件夹.
  
  如果打包失败就需要根据提示信息一点点排查，需要有遇到的同学积极探讨。由于我这边没有出问题，所以没有展示报错的解决方案，遇到了再补充。