@htyf-mp/cli 0.1.3 → 0.2.0-alpha.3

package/src/webpack.config.mjs

@@ -0,0 +1,168 @@
+// 导入Node.js和第三方依赖
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import fse from 'fs-extra';
+import webpack from 'webpack';
+import TerserPlugin from 'terser-webpack-plugin';
+import * as Repack from '@callstack/repack';
+import { ExpoModulesPlugin } from '@callstack/repack-plugin-expo-modules';
+import { ReanimatedPlugin } from '@callstack/repack-plugin-reanimated';
+import { HtyfModulesPlugin } from './HtyfImportsPlugin.mjs';
+import { getProjectRoot } from './utils.mjs';
+
+// 获取当前文件和目录路径
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// 微前端暴露配置，通常为JSON字符串
+const appExposesOptions = process.env.APP_EXPOSES_OPTIONS;
+const appRootIndexPath = process.env.APP_ROOT_INDEX_PATH;
+
+// 读取依赖共享配置
+const dependencies = fse.readJsonSync(path.join(__dirname, './shared-output.json'));
+
+// 记录构建时间戳
+const time = Date.now();
+
+const version = process.env.APP_VERSION;
+const appid = process.env.APP_ID;
+
+// 构建Module Federation共享依赖对象
+const sharedObj = {};
+for (const key in dependencies) {
+  const p = dependencies[key];
+  sharedObj[key] = {
+    /** 是否运行为单例 */
+    singleton: true,
+    /** host模式下必须为true，微应用为false */
+    eager: true,
+    version: p.version,
+  };
+}
+
+const projectRoot = getProjectRoot();
+
+/**
+ * Webpack配置导出函数
+ * @param {object} env - 构建环境变量
+ * @returns {object} - Webpack配置对象
+ */
+export default (env = {}) => {
+  // 设置构建上下文
+  env.context = projectRoot || __dirname;
+  const { entry = appRootIndexPath, platform = 'ios' } = env;
+  const context = env.context || __dirname;
+  // 获取Repack的resolve配置
+  const _options = Repack.getResolveOptions();
+
+  // 解析微前端相关配置
+  let mpOptions = {};
+  if (appExposesOptions) {
+    mpOptions = JSON.parse(decodeURI(appExposesOptions));
+  }
+  console.log('\n');
+  console.log('=====mpOptions=====');
+  console.log('\n');
+  console.log('context:', projectRoot);
+  console.log('\n');
+  console.log('entry:', entry);
+  console.log('\n');
+  console.log(JSON.stringify(mpOptions, null, 2));
+  console.log('\n');
+  console.log('=====mpOptions=====');
+  console.log('\n');
+  // 基础Webpack配置
+  const mpConfig = {
+    context,
+    entry,
+    resolve: {
+      ..._options,
+    },
+    output: {
+      // 默认输出路径，host模式下会被覆盖
+      path: mpOptions.outputPath,
+      publicPath: mpOptions.outputPath,
+      // uniqueName: `htyf_mp_for_${mpOptions.name}`,
+    },
+    module: {
+      rules: [
+        // 处理js/ts/tsx文件，使用babel-loader
+        {
+          test: /\.[cm]?[jt]sx?$/,
+          use: {
+            loader: 'babel-loader',
+            // options: {
+            //   configFile: path.resolve(__dirname, './babel.config.js'),
+            // }
+          },
+          type: 'javascript/auto',
+        },
+        // 处理静态资源（图片等），支持inline模式
+        ...Repack.getAssetTransformRules({
+          inline: !!mpOptions.extraChunksPath,
+          svg: 'xml',
+        }),
+      ],
+    },
+    optimization: {
+      // 压缩配置，去除注释
+      minimizer: [
+        new TerserPlugin({
+          test: /\.(js)?bundle(\?.*)?$/i,
+          extractComments: false,
+          terserOptions: {
+            format: {
+              comments: false,
+            },
+          },
+        }),
+      ],
+      chunkIds: 'named', // 便于调试
+    },
+    plugins: [
+      // 注入全局常量（appid、版本、构建时间）
+      new webpack.DefinePlugin({
+        __APP_DEFINE_APPID__: `"${appid}"`,
+        __APP_DEFINE_VERSION__: `"${version}"`,
+        __APP_DEFINE_BUILD_TIME__: `"${time}"`,
+      }),
+      // Repack主插件，支持extraChunks配置
+      new Repack.RepackPlugin({
+        platform,
+        extraChunks: [
+          {
+            include: /.*/,
+            type: 'remote',
+            outputPath: `${mpOptions.extraChunksPath}`,
+          },
+        ],
+      }),
+      // Expo模块支持
+      new ExpoModulesPlugin(),
+      // Reanimated支持
+      new ReanimatedPlugin(),
+      // Module Federation V2插件，支持host和remote两种模式
+      new Repack.plugins.ModuleFederationPluginV2({
+        dts: false,
+        // 微应用模式
+        name: mpOptions.name,
+        filename: mpOptions.filename,
+        exposes: mpOptions.exposes,
+        shared: {
+          ...sharedObj,
+          react: { singleton: true, eager: true },
+          'react-native': { singleton: true, eager: true },
+        },
+        shareStrategy: 'loaded-first',
+      }),
+      new HtyfModulesPlugin({
+        codeSigning: true
+      }),
+      new webpack.optimize.LimitChunkCountPlugin({
+        maxChunks: 2, // 限制最大chunk数，便于远程加载
+      })
+    ],
+  };
+
+  return mpConfig;
+};

package/cli.js

@@ -1,288 +0,0 @@
-#!/usr/bin/env node
-
-import chalk from 'chalk'
-import path from 'path'
-import fs from 'fs'
-import fse from 'fs-extra'
-import { Command } from 'commander'
-import select from '@inquirer/select'
-import { input } from '@inquirer/prompts';
-import {execa, execaCommand} from 'execa'
-import ora from 'ora'
-import childProcess from 'child_process'
-import { v4 as uuidv4 } from 'uuid';
-import md5 from 'md5'
-import os from 'os'
-
-const v4options = {
-  random: [
-    0x10, 0x91, 0x56, 0xbe, 0xc4, 0xfb, 0xc1, 0xea, 0x71, 0xb4, 0xef, 0xe1, 0x67, 0x1c, 0x58, 0x36,
-  ],
-};
-
-const log = console.log
-const program = new Command()
-const green = chalk.green
-
-const repoUrl = 'https://github.com/htyf-mp-community/htyf-mp.git'
-const codingRepoUrl = 'https://e.coding.net/dagouzhi/hongtangyun_mobile/htyf-mp.git'
-
-const taroTempPath = 'mini-apps-template';
-const expoTempPath = 'mini-apps-template';
-const gameTempPath = 'mini-game-template';
-
-const isYarnInstalled = () => {
-  try {
-    childProcess.execSync('yarn --version');
-    return true;
-  } catch {
-    return false; 
-  }
-}
-
-const isBunInstalled = () => {
-  try {
-    childProcess.execSync('bun --version')
-    return true;
-  } catch(err) {
-    return false; 
-  }
-}
-
-async function main() {
-  const spinner = ora({
-    text: '创建代码库'
-  })
-  try {
-    const kebabRegez = /^([a-z]+)(-[a-z0-9]+)*$/
-
-    program
-      .name('红糖云服APP-小程序')
-      .description('快速创建红糖云服APP小程序')
-  
-    program.parse(process.argv)
-  
-    const args = program.args
-    let appName = args[0]
-  
-    if (!appName || !kebabRegez.test(args[0])) {
-      appName = await input({
-        message: '输入应用程序目录名称',
-        default: 'my-htyf-mp',
-        validate: d => {
-         if(!kebabRegez.test(d)) {
-          return '请以my-app-name格式输入您的应用程序英文目录名称'
-         }
-         return true
-        }
-      })
-    }
-
-    const displayNameRegez = /^[\u4e00-\u9fa5a-zA-Z0-9]{2,4}$/
-
-    let displayName = ''
-    if (!displayName) {
-      displayName = await input({
-        message: '输入应用程序名称',
-        default: '小程序',
-        validate: d => {
-         if(!displayNameRegez.test(d)) {
-          return '只能中文、字母和数字, 不能包含特殊字符, 限2-4个字符'
-         }
-         return true
-        }
-      })
-    }
-  
-    const tempType = await select({
-      message: '请选择模板类型?',
-      choices: [
-        {
-          name: 'Expo (https://docs.expo.dev/)',
-          value: 'expo',
-        },
-        {
-          name: 'Taro (https://docs.taro.zone/)',
-          value: 'taro',
-        },
-        {
-          name: 'Game (https://docs.cocos.com/)',
-          value: 'game-cocos',
-        }
-      ]
-    })
-
-    const repoType = await select({
-      message: '请选择模板镜像?',
-      choices: [
-        {
-          name: 'github(最新)',
-          value: repoUrl,
-        },
-        {
-          name: 'coding(最快)',
-          value: codingRepoUrl,
-        },
-      ]
-    })
-
-    const appid = md5(uuidv4(v4options));
-  
-    let config =  {
-      "type": "app",
-      "name": appName,
-      "projectname": displayName,
-      "appid": appid,
-      "appUrlConfig": "https://xxx.cos.ap-chengdu.myqcloud.com/assets/testMiniApps/htyanimation/app.json",
-      "zipUrl": "https://xxxxx.myqcloud.com/assets/testMiniApps/xxxxx/outputs/dist.dgz"
-    }
-
-    log(`\n初始化项目. \n`)
-
-    
-    const root_path = path.join(process.cwd(), `${appName}`);
-    const isExists = fs.existsSync(root_path);
-    if (isExists) {
-      console.error('目录已经存在。')
-      return;
-    }
-    if (/[\u4e00-\u9fa5]/gi.test(root_path)) {
-      console.error('禁止目录中包含中文字符')
-      return;
-    }
-    spinner.start()
-    const tmpdir = path.join(os.tmpdir(), md5(`__HTYF__`), appName);
-    fse.emptyDirSync(tmpdir)
-    await execa('git', ['clone', repoType, tmpdir])
-    let appRootPath = '';
-    const taro_path = path.join(tmpdir, `${taroTempPath}`)
-    const expo_path = path.join(tmpdir, `${expoTempPath}`)
-    const game_path = path.join(tmpdir, `${gameTempPath}`)
-    const cli_path = path.join(tmpdir, `cli`)
-    const git_path = path.join(tmpdir, `.git`)
-    const docs_path = path.join(tmpdir, `docs`)
-    const README_path = path.join(tmpdir, `README.md`)
-    try {
-      if (tempType === 'taro') {
-        appRootPath = taro_path
-        fse.removeSync(game_path)
-      }
-      if (tempType === 'expo') {
-        appRootPath = expo_path
-        fse.removeSync(game_path)
-      }
-      if (tempType === 'game-cocos') {
-        appRootPath = game_path
-        fse.removeSync(taro_path)
-        fse.removeSync(expo_path)
-      }
-      fse.removeSync(cli_path)
-      fse.removeSync(git_path)
-      fse.removeSync(docs_path)
-      fse.removeSync(README_path)
-    } catch (err) {}
-    const __TEMP_PATH__ = path.join(appRootPath, '__TEMP__');
-    const pkg_path = path.join(appRootPath, './package.json');
-    const dgzJosn = path.join(`${appRootPath}`, 'project.dgz.json')
-    console.log(' ')
-    console.log(tempType)
-    console.log(__TEMP_PATH__)
-    console.log(' ')
-    if (tempType === 'taro') {
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'taro_src'),
-        path.join(appRootPath, './src') 
-      )
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'taro.App.tsx'),
-        path.join(appRootPath, './App.tsx') 
-      )
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'taro.index.js'),
-        path.join(appRootPath, './index.js') 
-      )
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'taro.babel.config.js'),
-        path.join(appRootPath, './babel.config.js') 
-      )
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'taro.project.dgz.json'),
-        path.join(appRootPath, './project.dgz.json') 
-      )
-      const pkg_info = fse.readJSONSync(pkg_path)
-      pkg_info['scripts'] = {
-        ...(pkg_info['scripts'] || {}),
-        "build:weapp": "taro build --type weapp",
-        "build:swan": "taro build --type swan",
-        "build:alipay": "taro build --type alipay",
-        "build:tt": "taro build --type tt",
-        "build:h5": "taro build --type h5",
-        "build:rn": "taro build --type rn",
-        "build:qq": "taro build --type qq",
-        "build:jd": "taro build --type jd",
-        "build:quickapp": "taro build --type quickapp",
-        "dev:weapp": "npm run build:weapp -- --watch",
-        "dev:swan": "npm run build:swan -- --watch",
-        "dev:alipay": "npm run build:alipay -- --watch",
-        "dev:tt": "npm run build:tt -- --watch",
-        "dev:h5": "npm run build:h5 -- --watch",
-        "dev:rn": "npm run build:rn -- --watch",
-        "dev:qq": "npm run build:qq -- --watch",
-        "dev:jd": "npm run build:jd -- --watch",
-        "dev:quickapp": "npm run build:quickapp -- --watch",
-      }
-      delete pkg_info['scripts']['web']
-      delete pkg_info['scripts']['web:dev']
-      fse.writeJSONSync(pkg_path, pkg_info, {
-        spaces: 2
-      })
-    }
-    if (tempType === 'expo') {
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'expo_src'),
-        path.join(appRootPath, './src') 
-      )
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'expo.App.tsx'),
-        path.join(appRootPath, './App.tsx') 
-      )
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'expo.index.js'),
-        path.join(appRootPath, './index.js') 
-      )
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'expo.babel.config.js'),
-        path.join(appRootPath, './babel.config.js') 
-      )
-      fse.copySync(
-        path.join(__TEMP_PATH__, 'expo.project.dgz.json'),
-        path.join(appRootPath, './project.dgz.json') 
-      )
-    }
-    if (tempType === 'game-cocos') {
-      
-    }
-
-    fs.writeFileSync(dgzJosn, JSON.stringify(config, undefined, 2))
-    console.log(dgzJosn)
-    
-    fse.removeSync(__TEMP_PATH__)
-    
-    spinner.text = ''
-
-    fse.moveSync(appRootPath, root_path)
-
-    spinner.stop() 
-    log(`${green.bold('Success!')} 创建项目 ${appName} 在 ${root_path} \n`)
-    log(`切换到【 ${root_path} 】目录并运行开发`)
-    log('\n')
-  } catch (err) {
-    console.log(err)
-    log('\n')
-    if (err.exitCode == 128) {
-      log('Error: 目录已经存在。')
-    }
-    spinner.stop()
-  }
-}
-main()