多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
从3.0.2版本开始,使用和APP风格一致的模版,原H5的模版不在使用和更新,下面谈谈新版H5的编译方法 1、下载编译软件HbuilderX,和编译APP和小程序用的是同一个软件,已经有的这一步省略。下载地址:https://www.dcloud.io/hbuilderx.html 2、下载原始源码和APP一样,可参考第九章内容 3、配置H5 ![](https://img.kancloud.cn/4b/d7/4bd7710f6052fd8005fc5415d4ae117f_2848x1018.png) 4、其他配置和APP一样,也就是说,前面若是编译过APP,可以直接编译 H5 ,不用再配置 5、编译发行 ![](https://img.kancloud.cn/72/ac/72ac1f7af2a72236f2075132ba8d451a_2364x1054.png) ![](https://img.kancloud.cn/2b/64/2b640c56ca0b6b9ddf0269c95e881580_1172x564.png) 填上网站标题,网站域名 6、编译成功后,打开编译文件的路径 ![](https://img.kancloud.cn/74/d2/74d2abb56c117ac269147383f049af0d_2182x354.png) ![](https://img.kancloud.cn/f7/1e/f71e511977fc7bf888f82287e7d01846_1522x260.png) 有一个文件和一个文件夹 7、把整个static文件夹复制到/static/libs/h5/下 ![](https://img.kancloud.cn/5f/b7/5fb7cd0f8d99cb5d156caa13fb3f336e_528x720.png) 把jindex.html文件复制到/template/wap/uniapp/index目录下 ![](https://img.kancloud.cn/e3/9b/e39bc2d109e84616fc69c2ab2693ef8b_670x280.png)