uniapp は、アップロードできないコードとファイルが多すぎる問題を解決するために複数のサブパッケージを作成します

質問: 小さなプログラムの現在の制限は 2m 以内です。パッケージサイズが 2m を超える場合は、サブパッケージを使用することをお勧めします。それ以外の場合、コードはプレビューできず、アップロードできません。複数のサブパッケージを作成できます。最大サイズは次のとおりです。各サブパッケージの長さは 2m で、総量 (下請けを含む) は 20m を超えることはできません。小規模なパートナーは、なぜ小規模なプログラムのメインパッケージが最大 20m を超えないのか、そしてなぜそれが小規模なプログラムと呼ばれるのか推測するのではないかと質問しました。20m あればほとんどのニーズを満たすことができます。

知らせ！！サブパッケージはタブバー以外のページでのみ操作を実行できます。ページでタブバーを使用する必要がある場合、メインページとタブバーページはメインパッケージページにのみ配置できます。

1. 一目でわかるように、ページフォルダーと同じレベルで最適な 2 つのサブパッケージページを作成します。

カジュアルなコンテンツ

2.pages.json に複数のサブパッケージを作成する

root: ルーティング、サブパッケージ/フォルダーの下のパスルーティングアドレスから検出

name: 下請け会社名、書いても書かなくても大丈夫です

NavigationBarTitleText: "ナビゲーションタイトル"

EnablePullDownRefresh: false、プルダウン更新を有効にしません

NavigationStyle: ナビゲーションバースタイルのデフォルト

	"subPackages": [
		{
			"name":"subpackage",
			"root": "subpackage/",
			"pages": [
				{
					"path": "subPage/subPage",
					"style": {
						"navigationBarTitleText": "分包标题",
						"enablePullDownRefresh": false,
						"navigationStyle": "default"
					}
				}
			]
		},
		{
			"name":"subpage2",
			"root": "subpage2/",
			"pages": [
				{
					"path": "page/page",
					"style": {
						"navigationBarTitleText": "分包标题22",
						"enablePullDownRefresh": false,
						"navigationStyle": "default"
					}
				}
			]
		}
	]

3. メインパッケージがサブパッケージにジャンプします

<template>
	<view class="content">
		<image class="image-bg" src="/static/logo.png" />
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{
   
   {title}}</text>
		</view>
		<button @click="sub">跳转分包1</button>
		<button @click="subtwo">跳转分包2</button>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				title: 'Hello',
				statusBarHeight: 20,
				richText: '',
			}
		},
		onLoad() {

		},
		methods: {
		sub(){
			uni.navigateTo({
				url:"../../subpackage/subPage/subPage"
			})
		},
		subtwo(){
			uni.navigateTo({
				url:"../../subpage2/page/page"
			})
		}
		},
	}
</script>

<style>
	.content {
		background-color: #ddd;
		height: 520rpx;
		position: relative;
		z-index: 100;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.image-bg {
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		top: 0;
		width: 50px;
		height: 50px;
	}


	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>