从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)