fix: 修复 tabBar 配置 iconPath 无效的问题

fix #150

packages/remax-cli/src/build/adapters/alipay/index.ts

@@ -38,3 +38,20 @@ export function getNativePropName(prop: string) {
 
   return prop;
 }
+
+export function getIcons(config: any) {
+  if (!config.tabBar) {
+    return [];
+  }
+
+  const tabs: { icon: string; activeIcon: string }[] = config.tabBar.items;
+
+  if (tabs) {
+    return tabs.reduce<string[]>(
+      (images, tab) => [...images, tab.icon, tab.activeIcon],
+      []
+    );
+  }
+
+  return [];
+}

packages/remax-cli/src/build/adapters/index.ts

@@ -18,6 +18,8 @@ export interface Adapter {
 
   getNativePropName: (key: string) => string;
 
+  getIcons: (config: any) => string[];
+
   moduleFormat: 'cjs' | 'esm';
 }
 

packages/remax-cli/src/build/adapters/wechat/index.ts

@@ -44,3 +44,21 @@ export function getNativePropName(prop: string) {
 
   return prop;
 }
+
+export function getIcons(config: any) {
+  if (!config.tabBar) {
+    return [];
+  }
+
+  const tabs: { iconPath: string; selectedIconPath: string }[] =
+    config.tabBar.list;
+
+  if (tabs) {
+    return tabs.reduce<string[]>(
+      (images, tab) => [...images, tab.iconPath, tab.selectedIconPath],
+      []
+    );
+  }
+
+  return [];
+}

packages/remax-cli/src/build/rollupConfig.ts

@@ -217,7 +217,7 @@ export default function rollupConfig(
   }
 
   const config: RollupOptions = {
-    input: [entries.app, ...entries.pages.map(p => p.file)],
+    input: [entries.app, ...entries.pages.map(p => p.file), ...entries.images],
     output: {
       dir: options.output,
       format: adapter.moduleFormat,

packages/remax-cli/src/getEntries.ts

@@ -11,12 +11,17 @@ interface AppConfig {
     root: string;
     pages: string[];
   }[];
+  tabBar?: {
+    items: { icon: string; activeIcon: string }[];
+    list: { iconPath: string; selectedIconPath: string }[];
+  };
 }
 
 interface Entries {
   pageConfigPath: string[];
   app: string;
   pages: Array<{ path: string; file: string }>;
+  images: string[];
 }
 
 function searchFile(file: string, ext?: string) {
@@ -38,11 +43,12 @@ function searchFile(file: string, ext?: string) {
 
 export default function getEntries(
   options: RemaxOptions,
-  adpater: Adapter,
+  adapter: Adapter,
   context?: Context
 ): Entries {
   let pages: any = [];
   let subpackages: any = [];
+  let images: string[] = [];
 
   if (!context) {
     const appConfigPath: string = path.join(
@@ -53,9 +59,11 @@ export default function getEntries(
     if (!fs.existsSync(appConfigPath)) {
       throw new Error(`${appConfigPath} is not found`);
     }
-    const appConfig: AppConfig = readManifest(appConfigPath, adpater.name);
+    const appConfig: AppConfig = readManifest(appConfigPath, adapter.name);
     pages = appConfig.pages;
     subpackages = appConfig.subpackages || [];
+    images = adapter.getIcons(appConfig);
+
     if (!pages || pages.length === 0) {
       throw new Error(
         'app.config.js `pages` field should not be undefined or empty object'
@@ -70,6 +78,7 @@ export default function getEntries(
     pageConfigPath: [],
     app: searchFile(path.join(options.cwd, 'src', 'app')),
     pages: [],
+    images: [],
   };
 
   entries.pages = pages.reduce(
@@ -99,5 +108,11 @@ export default function getEntries(
     );
   });
 
+  entries.images = images
+    .filter(i => i)
+    .reduce<string[]>((paths, image) => {
+      return [...paths, path.join(options.cwd, 'src', image)];
+    }, []);
+
   return entries;
 }