「Vue」vue cli3项目打包为APP方法及坑点

一、执行npm run build以后生成dist文件夹

二、打开HBuilderX新建一个APP项目

三、把dist文件夹里的全部文件拷贝替换到APP文件夹下

四、打开manifest.json文件配置相关内容（自行百度，配置APP图标等选项）

五、点击软件顶上的发行--原生APP-云打包进行打包

六、打包后下载安装便可

-----------------------------------------------------------------------------------------------------------------------------------------

重点说一下坑点：两个问题都是路径问题，相对绝对路径就不解释了，只说一种解决办法（新手视角，不足之处请大神指教）

一、安装后看到的是一片空白

这个是路径问题，修改index.html文件里的路径便可,把引入路径都改为 ./xxx/xx/xxxx

二、本地的静态资源不显示

也是路径问题，打开项目列表能够看到

打开app.b73e1550.js文件搜索图片，能够看到

修改路径便可