将Vue项目打包成App

首先将源码执行如下命令打包生成 dist 目录

npm run build
或
yarn build

然后打开 HbuilderX

创建 5+App

将Vue项目打包成App_第1张图片

创建好之后,在你创建的项目下会生成 img,css,js 等静态资源

将 最开始打包的 dist 目录里的静态资源 拖至 新创建的 5+App 项目内(删除掉原有的静态资源,或覆盖)

到这里,本来创建的 5+App 里的文件除了最开始打包生成的静态资源外

还有一个 unpackage目录manifest.json文件(我这里最开始打包的静态资源文件比较乱,不过你只要把静态资源全部拖进来就可以了)

将Vue项目打包成App_第2张图片

接下来就可以在HbuilderX中随心所欲地打包你的APK或者基座包

你可能感兴趣的:(vue,DCloud)