feat(alita): 根据chunk copy wxComponents目录，并提供getCompPath 方法

Author: ykforerlang

src/extractWxCompFiles/copyPackageWxComponents.ts

@@ -0,0 +1,92 @@
+import * as path from 'path'
+import * as fse from 'fs-extra'
+import {packageInfos} from '../util/getAndStorecompInfos'
+import {getModuleInfos} from '../util/cacheModuleInfos'
+import configure from '../configure'
+
+
+const compPathInfos = {}
+
+export default function () {
+
+    const allKeys = Object.keys(packageInfos)
+
+    for(let i = 0; i < allKeys.length; i ++ ) {
+        const packageName = allKeys[i]
+        const packageInfo = packageInfos[packageName]
+
+        if (!packageInfo.wxComponents) {
+            continue
+        }
+
+        const chunks = getRelativeChunks(getModuleInfos(), packageInfo.dirname)
+
+        let wxCompPathRelative = ''
+        if (packageInfo.wxComponents.path) {
+            // 需要copy 微信组件
+            wxCompPathRelative = (packageInfo.wxComponents.path.startsWith('/') ? "." + packageInfo.wxComponents.path : packageInfo.wxComponents.path)
+
+
+            chunks.forEach(chunk => {
+                const chunkDic = chunk === '_rn_' ? '' : chunk.replace('/_rn_', '')
+                const targetDic = path.resolve(configure.outputFullpath, chunkDic, 'npm', packageInfo.aliasPackName)
+
+                if (!fse.existsSync(targetDic)) {
+                    const sourcePath = path.resolve(packageInfo.dirname, wxCompPathRelative)
+                    const targetPath = path.resolve(configure.outputFullpath, chunkDic, 'npm', packageInfo.aliasPackName, wxCompPathRelative)
+
+                    fse.copySync(sourcePath, targetPath)
+                }
+            })
+        }
+
+
+        const pathMap = {}
+        packageInfo.wxComponents.components.forEach(comp => {
+            const {name, path: compPath} = comp
+            const relativePath = compPath.startsWith('/') ? `.${compPath}` : compPath
+            pathMap[name] = path.posix.resolve('/npm', packageInfo.aliasPackName, wxCompPathRelative, relativePath)
+        })
+
+        compPathInfos[packageName] = {
+            chunks,
+            pathMap,
+        }
+    }
+}
+
+
+export function getCompPath(chunk, packageName, element) {
+    if (!compPathInfos[packageName]) {
+        return
+    }
+
+    const {chunks, pathMap} = compPathInfos[packageName]
+
+    if (pathMap[element]) {
+
+        if (chunks.length === 1 && chunks[0] === '_rn_') {
+            return pathMap[element]
+        } else {
+            return `/${chunk.replace('/_rn_', '')}${pathMap[element]}`
+        }
+    }
+}
+
+
+function getRelativeChunks(moduleInfos, dirname) {
+    const chunks = new Set()
+
+    const allModuleRes = Object.keys(moduleInfos)
+    for(let i = 0; i < allModuleRes.length; i ++) {
+        const res = allModuleRes[i]
+
+        if (res.includes(`${dirname}/`)) {
+            moduleInfos[res].chunks.forEach(c => {
+                chunks.add(c)
+            })
+        }
+    }
+
+    return Array.from(chunks)
+}

src/packByWebpack/WatchModuleUpdatedPlugin.ts

@@ -1,6 +1,7 @@
 import {setModuleDepsAndChunks} from '../util/cacheModuleInfos'
 
 import {handleChanged, handleDeleted} from '../extractWxCompFiles'
+import copyPackageWxComponents from '../extractWxCompFiles/copyPackageWxComponents'
 
 /**
  * 生成小程序组件 json文件
@@ -51,6 +52,8 @@ export default class WatchModuleUpdatedPlugin {
                     // 设置module deps，chunks，生成小程序json文件会使用到
                     setAllModuleDepsAndChunks(compilation)
 
+                    copyPackageWxComponents()
+
                     hanldeModuleChanged(compilation, handleChanged, handleDeleted)
                 }
             );

src/util/cacheModuleInfos.ts

@@ -77,4 +77,8 @@ export function updateModuleOutFiles(filepath, outFiles) {
     moduleInfos[filepath].outFiles = outFiles
 }
 
+export function getModuleInfos() {
+    return moduleInfos
+}
+
 

src/util/getAndStorecompInfos.ts

@@ -5,8 +5,7 @@ import configure from "../configure";
 import {getLibPath} from './util'
 
 
-/*组件名和路径映射，方便后续生成小程序json文件*/
-export const compInfos: any = {}
+export const packageInfos: any = {}
 
 /*Text节点，一般来说只要官方的Text组件*/
 export const textComp = new Set(['Text'])
@@ -26,49 +25,36 @@ export function getLibCompInfos(idens, JSXElements, filepath, relativePath) {
     // 动画组件 AnimatedView 会退化为view
     if (packagePath === '@areslabs/wx-animated') return
 
-    if (!compInfos[packagePath]) {
+    if (!packageInfos[packagePath]) {
         const pajPath =  syncResolve(path.dirname(filepath), `${packagePath}/package.json`)
 
         const json = fse.readJSONSync(pajPath)
 
         if (!json.wxComponents) {
-            compInfos[packagePath] = {}
+            packageInfos[packagePath] = {}
             return
         }
 
-
-        const components = json.wxComponents.components
-
-        const aliasPP = configure.resolve.alias[packagePath] || packagePath
-
-        let wxCompPathRelative = '.'
-        if (json.wxComponents.path) {
-            const wxCompPath = json.wxComponents.path
-            wxCompPathRelative = wxCompPath.startsWith('/') ? "." + wxCompPath : wxCompPath
-            const wxCompTargetPath = path.resolve(configure.outputFullpath, 'npm', aliasPP)
-            if (!fse.existsSync(wxCompTargetPath)) {
-                const sourcePath = path.resolve(path.dirname(pajPath), wxCompPathRelative)
-                const targetPath = path.resolve(configure.outputFullpath, 'npm', aliasPP, wxCompPathRelative)
-                fse.copySync(sourcePath, targetPath)
-            }
+        packageInfos[packagePath] = {
+            dirname: path.dirname(pajPath),
+            aliasPackName: configure.resolve.alias[packagePath] || packagePath,
+            wxComponents: json.wxComponents
         }
 
-        const pathMap = {}
+        const components = json.wxComponents.components
         for(let i = 0; i < components.length; i ++ ) {
 
             const comp = components[i]
 
             const {
                 name,
-                path: comPath,
                 base = true,
                 needOperateChildren,
                 jsxProps,
                 isText
             } = comp
 
-            const finalPath = comPath.startsWith('/') ? `.${comPath}` : comPath
-            pathMap[name] =  path.posix.resolve('/npm', aliasPP, wxCompPathRelative, finalPath)
+
 
             if (needOperateChildren === true) {
                 extChildComp.add(name)
@@ -86,6 +72,5 @@ export function getLibCompInfos(idens, JSXElements, filepath, relativePath) {
                 textComp.add(name)
             }
         }
-        compInfos[packagePath] = pathMap
     }
 }