@mpxjs/cli 3.4.9 → 3.4.11

package/lib/create.js

@@ -7,8 +7,11 @@ const {
   exit,
   error,
   log,
-  stopSpinner
+  stopSpinner,
+  hasYarn,
+  hasPnpm3OrLater
 } = require('@vue/cli-shared-utils')
+const { loadOptions } = require('@vue/cli/lib/options')
 const Creator = require('@vue/cli/lib/Creator')
 const loadRemotePreset = require('@vue/cli/lib/util/loadRemotePreset')
 const loadLocalPreset = require('@vue/cli/lib/util/loadLocalPreset')
@@ -176,6 +179,35 @@ async function create (projectName, options, preset = null) {
 
   const creator = new Creator(name, targetDir, getPromptModules())
 
+  const packageManager =
+    options.packageManager ||
+    loadOptions().packageManager ||
+    (hasYarn() ? 'yarn' : null) ||
+    (hasPnpm3OrLater() ? 'pnpm' : 'npm')
+
+  // @achrinza/node-ipc与node23不兼容，需要映射到修复包node-ipc-compat@1.0.0
+  creator.on('creation', ({ event }) => {
+    if (event === 'plugins-install' || event === 'deps-install') {
+      try {
+        const pkgPath = path.resolve(targetDir, 'package.json')
+        const pkg = fs.readJsonSync(pkgPath)
+        // 根据包管理器类型写入对应的 overrides 配置，yarn无需处理
+        if (packageManager === 'pnpm') {
+          pkg.pnpm = {
+            overrides: {
+              '@achrinza/node-ipc': 'npm:node-ipc-compat@1.0.0'
+            }
+          }
+        } else if (packageManager === 'npm') {
+          pkg.overrides = {
+            '@achrinza/node-ipc': 'npm:node-ipc-compat@1.0.0'
+          }
+        }
+        fs.writeJsonSync(pkgPath, pkg, { spaces: 2 })
+      } catch (e) {}
+    }
+  })
+
   if (process.env.VUE_CLI_TEST || process.env.VUE_CLI_DEBUG) {
     // 单测下，link bin文件到源码
     const { linkBin } = require('@vue/cli/lib/util/linkBin')

package/lib/createRn.js

@@ -20,13 +20,36 @@ const RN_DEP = {
   'react-native-haptic-feedback': '^2.3.3',
   'react-native-linear-gradient': '^2.8.3',
   'react-native-reanimated': '3.16.7',
-  'react-native-screens': '^4.8.0',
+  'react-native-screens': '~4.18.0',
   'react-native-webview': '^13.13.2',
   'react-native-safe-area-context': '^4.10.9',
   react: '18.3.1',
   'react-native': '0.77.2'
 }
 
+const RN_SCRIPTS = {
+  'bundle:ios': 'react-native bundle --platform ios --dev false --entry-file index.js --bundle-output ./ios/main.jsbundle --assets-dest ./ios',
+  'bundle:android': 'react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/'
+}
+
+function updateJsonFile (filePath, updater) {
+  const config = require(filePath)
+  updater(config)
+  fs.writeFileSync(filePath, JSON.stringify(config, null, 2))
+}
+
+function updateJsModule (filePath, updater) {
+  const config = require(filePath)
+  updater(config)
+  fs.writeFileSync(filePath, `module.exports = ${JSON.stringify(config, null, 2)};`)
+}
+
+function addArrayItem (arr, item) {
+  if (!arr.includes(item)) {
+    arr.push(item)
+  }
+}
+
 async function createRnProject (targetDir, options) {
   const rnProjectPath = path.resolve(targetDir, 'ReactNativeProject')
   const packageManager =
@@ -56,14 +79,21 @@ async function createRnProject (targetDir, options) {
     ],
     { stdio: 'inherit', cwd: targetDir }
   )
+
   const pkgPath = path.resolve(targetDir, 'ReactNativeProject', 'package.json')
-  const pkg = require(pkgPath)
-  Object.assign(pkg.dependencies, RN_DEP)
-  Object.assign(pkg.scripts, {
-    'bundle:ios': 'react-native bundle --platform ios --dev false --entry-file index.js --bundle-output ./ios/main.jsbundle --assets-dest ./ios',
-    'bundle:android': 'react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/'
+  updateJsonFile(pkgPath, pkg => {
+    Object.assign(pkg.dependencies, RN_DEP)
+    Object.assign(pkg.scripts, RN_SCRIPTS)
   })
-  fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2))
+
+  const babelConfigPath = path.resolve(targetDir, 'ReactNativeProject', 'babel.config.js')
+  updateJsModule(babelConfigPath, config => {
+    if (!config.plugins) {
+      config.plugins = []
+    }
+    addArrayItem(config.plugins, 'react-native-reanimated/plugin')
+  })
+
   await pm.install()
 }
 

package/package.json

@@ -30,5 +30,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
-  "version": "3.4.9"
+  "version": "3.4.11"
 }