主要介绍了详解Vue webapp项目通过HBulider打包原生APP（vue+webpack+HBulider），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

Vue webapp项目通过HBulider打包原生APP 1、webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下： 2、打开HBulider,打开目录，选择这个list，项目名称自己更改。（或者直接新建一个app项目，然后把里边的unpackage和manifest这两个保留下来，其他的替换成自己dist文件里边的内容） 这个时候是web项目，需要改为APP项目（如果直接新建的app，请忽略此步） 更改前： 更改后： 

1、webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下： 2、打开HBulider,打开目录，选择这个list，项目名称自己更改。（或者直接新建一个app项目，然后把里边的unpackage和manifest这两个保留下来，其他的替换成自己dist文件里边的内容） 这个时候是web项目，需要改为APP项目（如果直接新建的app，请忽略此步） 更改前： 更改后：  3、在HB中打开这个dist，可以看到有一个manife