perf(mp): 将子包依赖的 node_modules 内容打包到子包 vendor.js 中 (question/185955)

Author: chouchouji

packages/uni-mp-vite/src/plugin/build.ts

@@ -22,6 +22,7 @@ import {
 } from '@dcloudio/uni-cli-shared'
 import type { GetManualChunk, GetModuleInfo, PreRenderedChunk } from 'rollup'
 import {
+  getSubPackages,
   isUniComponentUrl,
   isUniPageUrl,
   parseVirtualComponentPath,
@@ -193,6 +194,29 @@ function createMoveToVendorChunkFn(): GetManualChunk | undefined {
         }
         return
       }
+      const { hasOptimizationSubPackages, subPackages } = getSubPackages()
+      // 处理子包引用的 node_modules 中的文件
+      if (
+        hasOptimizationSubPackages &&
+        subPackages.length &&
+        filename.startsWith(inputDir) &&
+        filename.includes('node_modules')
+      ) {
+        const moduleInfo = getModuleInfo(id)
+        if (!moduleInfo || !moduleInfo.importers.length) {
+          return
+        }
+        const matchSubPackages = new Set(
+          subPackages.filter((subPackagePath) =>
+            moduleInfo.importers.some((importer) =>
+              importer.startsWith(inputDir + '/' + subPackagePath)
+            )
+          )
+        )
+        if (matchSubPackages.size === 1) {
+          return `${matchSubPackages.values().next().value}common/vendor`
+        }
+      }
       // 非项目内的 js 资源，均打包到 vendor
       debugChunk('common/vendor', normalizedId)
       return 'common/vendor'

packages/uni-mp-vite/src/plugins/entry.ts

@@ -11,6 +11,7 @@ import {
   normalizeMiniProgramFilename,
   normalizePath,
   parseManifestJsonOnce,
+  parseMiniProgramPagesJson,
   removeExt,
 } from '@dcloudio/uni-cli-shared'
 import type { Plugin } from 'vite'
@@ -53,6 +54,30 @@ function parseComponentStyleIsolation(file: string) {
   }
 }
 
+let hasOptimizationSubPackages = false // 是否开启分包优化配置
+let subPackages: string[] = []
+function initSubPackages() {
+  const inputDir = normalizePath(process.env.UNI_INPUT_DIR)
+  const platform = process.env.UNI_PLATFORM
+  const manifestJson = parseManifestJsonOnce(inputDir)
+  hasOptimizationSubPackages =
+    platform && manifestJson[platform]?.optimization?.subPackages
+  const { appJson } = parseMiniProgramPagesJson(
+    fs.readFileSync(path.resolve(inputDir, 'pages.json'), 'utf8'),
+    platform,
+    { subpackages: true }
+  )
+  subPackages = Object.values(appJson.subPackages || appJson.subpackages || {})
+    .filter(Boolean)
+    .map(({ root }) => `${root.replace(/\/$/, '')}/`)
+}
+export function getSubPackages() {
+  return {
+    hasOptimizationSubPackages,
+    subPackages,
+  }
+}
+
 export function uniEntryPlugin({
   global,
   template,
@@ -72,6 +97,7 @@ export function uniEntryPlugin({
     },
     buildStart() {
       easycomEncryptComponentPaths.clear()
+      initSubPackages()
     },
     load(id) {
       if (isUniPageUrl(id)) {