vue手撸移动端后台（10）打包发布

基本功能开发完毕，我们需要打包工程发布到线上。

1. 关闭服务
2. 检查vue.config.js配置
   还记得我们的vue.config.js中的几个配置吗？我们回顾一下

• publicPath：项目路径，默认为/，如果你的项目地址不是根路径，可以修改为项目名称
• outputDir: 'dist'：build之后，生成的文件保存在哪里（相对于当前项目目录，名字随便写）
• assetsDir:'static/vue'：静态文件的目录
• indexPath：首页
• filenameHashing：生成的静态文件是否使用hash名称，如果使用，那么每次更新都要全量更新

3. 打包上传
   运行npm run build，之后会在项目中生成一个dist目录，
   
   打开vue.html看看
   
   文件进行了压缩，了解html的应该就知道assetsDir的意思了。

有些同学发现本地开发好好的，上线就找不到静态资源，一般就是打包配置不正确，注意搞清楚每个配置属性的的意思基本不会出现问题了。

嗯，本系列暂时到这里了。