【鸿蒙】模块化开发框架快速搭建(entry+feature)
·
模块包分主要有har和HSP包,我这里用的是har包
HAR和HSP的使用场景介绍
har主要使用场景:二方库、三方库。
HSP主要使用场景:元服务分包预加载、按需加载。
1、项目结构
这里以login包为例

2、快速搭建
1、创建项目


Next后输入项目名等
2、创建feature文件夹
新建目录并输入feature后回车

3、创建har包
邮件feature新建模块

选择Static Library后下一步输入模块名称,如登录模块login,首页模块home,个人模块mine等

4、配置har包
新建pages目录,创建需要的页面,这里使用的是Navigation作为路由跳转

在文件module.json5中可以看到包类型是har包,下面的routerMap是Navigation的配置

在entry中导入对应的har包

在entry中新建navigation的路由表

代码示例
import { LoginPage } from 'login'
@Builder
function pagesMap(name: string) {
if (name === 'LoginPage') {
LoginPage()
}
}
export const pagesMapBuilder: WrappedBuilder<[string]> = wrapBuilder(pagesMap);
在Index.ets主入口导入
import { pagesMapBuilder } from './pagesMap';
在Navigation组件加入配置的路由表

就可以正常路由跳转

关于Navigation的注意事项:
在子页面中必须使用 NavDestination 包裹,否则跳转白屏

更多推荐



所有评论(0)