h5

优质

小牛编辑

123浏览

2023-12-01

megalo目前支持web编译，但由于配套设施尚不完善，功能支持还比较局限。同时由于未经过完整的测试，也可能存在一些问题。需要使用时，请仔细参考下面的说明。遇到问题请通过issue反馈给我们，同时也欢迎pr。

demo可以参考这里

依赖安装

web编译需要在src目录下新增了一个web目录用于存放模板

- src
    - pages
    - web
        - index.html
    - ...

目前可以直接使用这里的模板，后续会考虑将模板添加到cli创建的工程中

对应小程序中app.js/App.vue，在进行web编译时默认会从这两个文件中查找页面配置，如果工程中文件名不同，需要在megalo.config.js中额外配置，否则会因为无法查找到页面配置而出错。如：

appEntry: { 
    jsEntry: 'src/main.js',
    vueEntry: 'src/App.vue'
}

web目前仅支持hash路由，根据在app.js中配置的页面路径，对应的页面即为对应的hash路由，如pages/index/index在h5中对应为#/pages/index/index

api相关可以直接使用@megalo/cli，目前已经对大部分能兼容的api进行了h5版本的兼容，详情可以查看文档。

其他的跨平台兼容，可以参考这里（使用platform为web即可）。