neo-cmp-cli 1.1.12 → 1.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neo-cmp-cli",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "description": "前端脚手架：自定义组件开发工具，支持react 和 vue2.0技术栈。",
   "keywords": [
     "neo-cli",

package/src/cmpUtils/createCommonModulesCode.js

@@ -8,11 +8,16 @@ const { isPlainObject } = require('lodash');
  * @param {*} cmpName 自定义组件名称
  * @returns 组件预览代码
  */
-const createCommonModulesCode = (neoExports) => {
-  if (!neoExports) {
+const createCommonModulesCode = (neoCommonModule, cmpTypes) => {
+  const {neoExports, remotes} = neoCommonModule;
+
+  if (!neoExports && !remotes) {
     return '';
   }
+  // 记录当前自定义组件共享出去的模块
   const CustomCmpCommonModules = {};
+  // 记录当前自定义组件需要的远程组件
+  const CustomCmpRemotes = {};
 
   // 根据 neoExports 获取共享的依赖模块
   if (Array.isArray(neoExports) && neoExports.length > 0) {
@@ -30,6 +35,13 @@ const createCommonModulesCode = (neoExports) => {
     process.exit(1);
   }
 
+  // 根据 cmpTypes 和 remotes 设置远程组件信息
+  if (Array.isArray(cmpTypes) && cmpTypes.length > 0) {
+    cmpTypes.forEach((cmpType) => {
+      CustomCmpRemotes[cmpType] = remotes;
+    });
+  }
+
   // 构建 CustomCmpCommonModules 对象的代码字符串
   let customCmpCommonModulesCode = '{\n';
   const moduleEntries = Object.entries(CustomCmpCommonModules);
@@ -44,16 +56,33 @@ const createCommonModulesCode = (neoExports) => {
  * 自定义组件 共享出来的依赖模块
  * 备注：可在其他模块中通过 neoRequire 中使用
  */
+import { isPlainObject } from 'lodash';
 const CustomCmpCommonModules = ${customCmpCommonModulesCode};
+const CustomCmpRemotes = ${JSON.stringify(CustomCmpRemotes)};
 
 // 用于添加共享的依赖模块
 const addNeoCommonModules = (modules) => {
   if (!window.__NeoCommonModules) {
     window.__NeoCommonModules = {};
   }
-  window.__NeoCommonModules = Object.assign(window.__NeoCommonModules, modules);
+  if (isPlainObject(modules)) {
+    window.__NeoCommonModules = Object.assign(window.__NeoCommonModules, modules)
+  }
 };
 
+// 用于添加自定义组件的远程组件（关联使用）
+const addNeoRemotes = (remotes) => {
+  if (!window.__NeoCommonModules) {
+    window.__NeoCommonModules = {}
+  }
+  if (!window.__NeoCommonModules.remotes) {
+    window.__NeoCommonModules.remotes = {}
+  }
+  if (isPlainObject(remotes)) {
+    window.__NeoCommonModules.remotes = Object.assign(window.__NeoCommonModules.remotes, remotes)
+  }
+}
+
 addNeoCommonModules(CustomCmpCommonModules);
   `;
 

package/src/cmpUtils/getEntries.js

@@ -5,15 +5,15 @@ const { resolveToCurrentRoot } = require('../utils/pathUtils');
 
 /**
  * 从指定目录获取组件入口文件
- * @param {*} buildType 构建类型
  * @param {*} defaultComponentsDir 默认组件目录
  * @returns 组件入口文件
  */
-module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/components') => {
+module.exports = (defaultComponentsDir = './src/components') => {
   const widgetEntries = {};
   const linkDebugEntries = {
     index: []
   };
+  const cmpTypes = []; // 用于记录组件名称
   const componentsBaseDir = resolveToCurrentRoot(defaultComponentsDir);
   if (!fs.existsSync(componentsBaseDir)) {
     console.error(`未找到组件目录，请检查 ${defaultComponentsDir} 目录是否存在`);
@@ -37,11 +37,13 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
         const curCmpName = dir; // _.camelCase(dir);
         const cmpNameKey = _.camelCase(curCmpName);
 
+        // 记录组件类型
+        cmpTypes.push(curCmpName);
+
         fs.readdirSync(curCmpPath)
           .filter((file) => file.match(/[register|model]\.[tj]sx?$/))
           .map((file) => path.join(defaultComponentsDir, curCmpName, file))
           .forEach((filePath) => {
-            console.log(filePath);
             const curPath = `./${filePath}`;
             if (filePath.match(/register\.[tj]sx?$/)) {
               widgetEntries[cmpNameKey] = curPath;
@@ -52,10 +54,6 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
           });
       }
     });
-
-    if (buildType === 'linkDebug') {
-      return linkDebugEntries;
-    }
   } catch (error) {
     console.error('获取自定义组件入口文件失败（getEntries）:', error);
 
@@ -63,5 +61,9 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
     process.exit(1);
   }
 
-  return widgetEntries;
+  return {
+    widgetEntries,
+    linkDebugEntries,
+    cmpTypes,
+  };
 };

package/src/cmpUtils/getEntriesWithAutoRegister.js

@@ -6,15 +6,15 @@ const getCmpRegister = require('./getCmpRegister');
 const getCmpModelRegister = require('./getCmpModelRegister');
 /**
  * 从指定目录获取组件入口文件，并自动创建对应的注册文件
- * @param {*} buildType 构建类型
  * @param {*} defaultComponentsDir 默认组件目录
  * @returns 组件入口文件
  */
-module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/components') => {
+module.exports = (defaultComponentsDir = './src/components') => {
   const widgetEntries = {};
   const linkDebugEntries = {
     index: []
   };
+  const cmpTypes = []; // 用于记录组件名称
   const componentsBaseDir = resolveToCurrentRoot(defaultComponentsDir);
   if (!fs.existsSync(componentsBaseDir)) {
     console.error(`未找到组件目录，请检查 ${defaultComponentsDir} 目录是否存在`);
@@ -47,6 +47,9 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
         const curCmpName = dir; // _.camelCase(dir);
         const cmpNameKey = _.camelCase(curCmpName);
 
+        // 记录组件类型
+        cmpTypes.push(curCmpName);
+
         // 当前自定义组件临时目录
         const cmpTempDir = `${cliTempDir}/${curCmpName}`;
         if (!fs.existsSync(cmpTempDir)) {
@@ -81,10 +84,6 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
           });
       }
     });
-
-    if (buildType === 'linkDebug') {
-      return linkDebugEntries;
-    }
   } catch (error) {
     console.error('获取自定义组件入口文件失败（getEntriesWithAutoRegister）:', error);
 
@@ -92,5 +91,9 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
     process.exit(1);
   }
 
-  return widgetEntries;
+  return {
+    widgetEntries,
+    linkDebugEntries,
+    cmpTypes,
+  };
 };

package/src/module/main.js

@@ -21,8 +21,6 @@ const getValue = (originValue, defaultValue) => {
 };
 
 const neoCommonModule = curConfig.neoCommonModule || {};
-// 自定义组件 共享出来的依赖模块
-const cmpNeoExports = neoCommonModule.neoExports || [];
 // 自定义组件 需要剔除的依赖模块
 const cmpNeoExternals = neoCommonModule.neoExternals || [];
 
@@ -72,16 +70,21 @@ module.exports = {
     curConfig.webpack.ignoreNodeModules = false;
 
     const curEntry = curConfig.dev.entry;
+    let curCmpTypes = [];
 
     if (!curEntry || Object.keys(curEntry).length === 0) {
       // 如果未配置 entry，则自动生成 entry
       let entries = {};
       if (curConfig.dev.disableAutoRegister) {
         // disableAutoRegister 为 true 时，仅自动生成入口文件（不自动注册）
-        entries = getEntries('linkDebug', curConfig.componentsDir);
+        const { linkDebugEntries, cmpTypes } = getEntries(curConfig.componentsDir);
+        entries = linkDebugEntries;
+        curCmpTypes = cmpTypes;
       } else {
         // 自动生成入口文件（并自动创建对应的注册文件）
-        entries = getEntriesWithAutoRegister('linkDebug', curConfig.componentsDir);
+        const { linkDebugEntries, cmpTypes } = getEntriesWithAutoRegister(curConfig.componentsDir);
+        entries = linkDebugEntries;
+        curCmpTypes = cmpTypes;
       }
 
       // 注入 webpack/entry
@@ -125,21 +128,14 @@ module.exports = {
       curConfig.dev.externals = neoExternals;
     }
 
-    if (
-      cmpNeoExports &&
-      ((Array.isArray(cmpNeoExports) && cmpNeoExports.length > 0) ||
-        (_.isPlainObject(cmpNeoExports) && Object.keys(cmpNeoExports).length > 0))
-    ) {
-      const commonModulesFilePath = createCommonModulesCode(cmpNeoExports);
+    // 写入自定义组件的共享模块和远程模块相关信息
+    const commonModulesFilePath = createCommonModulesCode(neoCommonModule, curCmpTypes);
 
-      // 所有入口文件添加 commonModulesFile
-      if (curConfig.dev.entry) {
-        Object.keys(curConfig.dev.entry).forEach((name) => {
-          curConfig.dev.entry[name] = [commonModulesFilePath].concat(
-            curConfig.dev.entry[name]
-          );
-        });
-      }
+    // 所有入口文件添加 commonModulesFile
+    if (commonModulesFilePath && curConfig.dev.entry) {
+      Object.keys(curConfig.dev.entry).forEach((name) => {
+        curConfig.dev.entry[name] = [commonModulesFilePath].concat(curConfig.dev.entry[name]);
+      });
     }
 
     akfun.dev(curConfig, consoleTag);
@@ -147,16 +143,21 @@ module.exports = {
   build: () => akfun.build('build', curConfig, consoleTag), // 构建脚本：生产环境
   build2lib: () => {
     const curEntry = curConfig.build2lib.entry;
+    let curCmpTypes = [];
 
     if (!curEntry || Object.keys(curEntry).length === 0) {
       // 如果未配置 entry，则自动生成 entry
       let entries = {};
       if (curConfig.build2lib.disableAutoRegister) {
         // disableAutoRegister 为 true 时，仅自动生成入口文件（不自动注册）
-        entries = getEntries('build2lib', curConfig.componentsDir);
+        const { widgetEntries, cmpTypes } = getEntries(curConfig.componentsDir);
+        entries = widgetEntries;
+        curCmpTypes = cmpTypes;
       } else {
         // 自动生成入口文件（并自动创建对应的注册文件）
-        entries = getEntriesWithAutoRegister('build2lib', curConfig.componentsDir);
+        const { widgetEntries, cmpTypes } = getEntriesWithAutoRegister(curConfig.componentsDir);
+        entries = widgetEntries;
+        curCmpTypes = cmpTypes;
       }
 
       // 注入 webpack/entry
@@ -189,16 +190,21 @@ module.exports = {
     curConfig.build2lib = Object.assign(curConfig.build2lib, publish2ossConfig);
 
     const curEntry = curConfig.build2lib.entry;
+    let curCmpTypes = [];
 
     if (!curEntry || Object.keys(curEntry).length === 0) {
       // 如果未配置 entry，则自动生成 entry
       let entries = {};
       if (curConfig.build2lib.disableAutoRegister) {
         // disableAutoRegister 为 true 时，仅自动生成入口文件（不自动注册）
-        entries = getEntries('build2lib', curConfig.componentsDir);
+        const { widgetEntries, cmpTypes } = getEntries(curConfig.componentsDir);
+        entries = widgetEntries;
+        curCmpTypes = cmpTypes;
       } else {
         // 自动生成入口文件（并自动创建对应的注册文件）
-        entries = getEntriesWithAutoRegister('build2lib', curConfig.componentsDir);
+        const { widgetEntries, cmpTypes } = getEntriesWithAutoRegister(curConfig.componentsDir);
+        entries = widgetEntries;
+        curCmpTypes = cmpTypes;
       }
 
       // 注入 webpack/entry
@@ -242,21 +248,16 @@ module.exports = {
       curConfig.build2lib.externals = neoExternals;
     }
 
-    if (
-      cmpNeoExports &&
-      ((Array.isArray(cmpNeoExports) && cmpNeoExports.length > 0) ||
-        (_.isPlainObject(cmpNeoExports) && Object.keys(cmpNeoExports).length > 0))
-    ) {
-      const commonModulesFilePath = createCommonModulesCode(cmpNeoExports);
+    // 写入自定义组件的共享模块和远程模块相关信息
+    const commonModulesFilePath = createCommonModulesCode(neoCommonModule, curCmpTypes);
 
-      // 所有入口文件添加 commonModulesFile
-      if (curConfig.build2lib.entry) {
-        Object.keys(curConfig.build2lib.entry).forEach((name) => {
-          curConfig.build2lib.entry[name] = [commonModulesFilePath].concat(
-            curConfig.build2lib.entry[name]
-          );
-        });
-      }
+    // 所有入口文件添加 commonModulesFile
+    if (commonModulesFilePath && curConfig.build2lib.entry) {
+      Object.keys(curConfig.build2lib.entry).forEach((name) => {
+        curConfig.build2lib.entry[name] = [commonModulesFilePath].concat(
+          curConfig.build2lib.entry[name]
+        );
+      });
     }
 
     akfun.build('lib', curConfig, consoleTag, () => {

package/src/neo/neoRequire.js

@@ -37,18 +37,28 @@ const getExternalsByNeoCommonModules = (cmpNeoExternals) => {
   return neoExternals;
 };
 
-// 数组方式的 externals 失效，需要使用对象方式的 externals
-const getExternalsByNeoCommonModulesV2 = () => {
-  return Object.keys(NeoCommonModules).map(moduleName => `commonjs ${moduleName}`);
-};
-
 // 用于添加共享的依赖模块
 const addNeoCommonModules = (modules) => {
   if (!window.__NeoCommonModules) {
-    window.__NeoCommonModules = {};
+    window.__NeoCommonModules = {}
   }
-  window.__NeoCommonModules = Object.assign(window.__NeoCommonModules, modules);
-};
+  if (_.isPlainObject(modules)) {
+    window.__NeoCommonModules = Object.assign(window.__NeoCommonModules, modules);
+  }
+}
+
+// 用于添加自定义组件的远程组件
+const addNeoRemotes = (remotes) => {
+  if (!window.__NeoCommonModules) {
+    window.__NeoCommonModules = {}
+  }
+  if (!window.__NeoCommonModules.remotes) {
+    window.__NeoCommonModules.remotes = {}
+  }
+  if (_.isPlainObject(remotes)) {
+    window.__NeoCommonModules.remotes = Object.assign(window.__NeoCommonModules.remotes, remotes);
+  }
+}
 
 const initNeoRequire = () => {
   if (!window.neoRequire) {
@@ -62,5 +72,6 @@ const initNeoRequire = () => {
 module.exports = {
   initNeoRequire,
   addNeoCommonModules,
+  addNeoRemotes,
   getExternalsByNeoCommonModules
 };

package/src/template/antd-custom-cmp-template/neo.config.js

@@ -43,6 +43,7 @@ module.exports = {
     // neoExports: ['echarts'], // 自定义组件 共享出来的模块，支持数组和对象形式
     // neoExports: {}, // 对象写法
     // neoExternals: ['neo-register', 'chart-widget'], // 自定义组件 需要剔除的模块，仅支持数组写法
+    remotes: ['chart-widget'], // 远程组件，表示当前自定义组件会用到远程组件的导出模块，需要和 neoExternals 配合使用
   },
   preview: {
     // 用于开启本地预览模式的相关配置信息

package/src/template/echarts-custom-cmp-template/neo.config.js

@@ -38,7 +38,7 @@ module.exports = {
     // plugins: [],
     // babelPlugins: [],
   },
-  // Neo 共享依赖模块
+  // 用于添加 Neo 共享依赖模块的配置信息
   /*
   neoCommonModule: {
     // neoExports: [], // 自定义组件 共享出来的模块，支持数组和对象形式