하위 패키지 로딩 구성, 이 구성은 미니 프로그램의 하위 패키지 로딩 메커니즘입니다.
미니 프로그램에는 크기와 리소스 로딩 제한이 있기 때문에 다양한 미니 프로그램 플랫폼은 미니 프로그램의 다운로드 및 시작 속도를 최적화하기 위한 하도급 방법을 제공합니다.
소위 메인 패키지는 기본 시작 페이지/TabBar 페이지가 위치하는 곳으로, 모든 하위 패키지에는 일부 공용 리소스/JS 스크립트가 필요하며, 하위 패키지는 page.json의 구성에 따라 구분됩니다.
미니 프로그램을 시작하면 기본적으로 메인 패키지가 다운로드되고, 메인 패키지에 포함된 페이지가 실행되며, 사용자가 하위 패키지에 있는 페이지를 입력하면 해당 하위 패키지가 자동으로 다운로드된 후, 다운로드가 완료된 후 표시됩니다. 이때 터미널 인터페이스에 대기 프롬프트가 표시됩니다.
1. manifest.json파일 수정 및 구성 추가
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "xxx",
/* 启用分包配置 */
"optimization": {
"subPackages": true
},
"runmode" : "liberate" // 开启分包优化后，必须配置资源释放模式
},
2. pages.json구성subPackages
여기서 경로는 루트를 기준으로 하며 하위 패키지 페이지2는 기본 패키지 페이지와 일치할 수 없습니다. 즉, 여기서 루트를 구성할 수 없습니다.pages
"subPackages": [{
"root": "pages2",
"pages": [
{
"path": "login/login",
"style": {
"navigationBarTitleText": "登录"
}
}]
}],
3. 페이지에서 활용
하청 페이지도 uni.navigateTo({ url: '/pages2/login/login' })해당 페이지로 이동할 수 있습니다.
참고:
앱이 하위 패키징을 활성화한 후 각 하위 패키지는 별도로 js 파일로 컴파일됩니다.(모두 앱에 포함되어 있으며 온라인으로 다운로드되지 않습니다.) 앱 홈페이지가 Vue인 경우 시작 로딩 크기 파일을 줄이고 시작 속도를 향상시킬 수 있습니다.
홈 페이지가 nvue인 경우 하도급을 하면 시작 속도가 증가하지 않습니다. nvue 자체의 시작 속도는 vue보다 빠르며, 하도급을 연 후 홈 페이지가 vue인 애플리케이션보다 빠릅니다. 최고의 시작 속도를 추구한다면 nvue를 홈페이지로 사용하고 매니페스트에서 빠른 모드를 활성화해야 합니다.
앱 페이지 수가 적으면 하도급을 통한 시작 속도 최적화가 명확하지 않습니다.