neo-cmp-cli 1.1.2 → 1.1.5

package/package.json

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

package/src/module/main.js

@@ -10,6 +10,8 @@ const publish2oss = require('../oss/publish2oss');
 const getEntries = require('../cmpUtils/getEntries');
 const getEntriesWithAutoRegister = require('../cmpUtils/getEntriesWithAutoRegister');
 const previewCmp = require('./previewCmp');
+const AddNeoRequirePlugin = require('../plugins/AddNeoRequirePlugin');
+const { getExternalsByNeoCommonModules } = require('../neo/neoRequire');
 // const { MFPlugins } = require('../utils/webpack.mf');
 
 const getValue = (originValue, defaultValue) => {
@@ -96,6 +98,28 @@ module.exports = {
     }
     */
 
+    // 添加自定义 webpack 插件: 用于实现和 Neo 平台共享依赖
+    if (
+      curConfig.webpack &&
+      curConfig.webpack.plugins &&
+      Array.isArray(curConfig.webpack.plugins)
+    ) {
+      curConfig.webpack.plugins.push(new AddNeoRequirePlugin());
+    } else {
+      curConfig.webpack.plugins = [new AddNeoRequirePlugin()];
+    }
+
+    // 添加 externals 配置
+    const neoExternals = getExternalsByNeoCommonModules();
+    if (
+      curConfig.dev.externals &&
+      Array.isArray(curConfig.dev.externals)
+    ) {
+      curConfig.dev.externals.push(...neoExternals);
+    } else {
+      curConfig.dev.externals = neoExternals;
+    }
+
     akfun.dev(curConfig, consoleTag);
   },
   build: () => akfun.build('build', curConfig, consoleTag), // 构建脚本：生产环境
@@ -177,6 +201,28 @@ module.exports = {
     }
     */
 
+    // 添加自定义 webpack 插件: 用于实现和 Neo 平台共享依赖
+    if (
+      curConfig.webpack &&
+      curConfig.webpack.plugins &&
+      Array.isArray(curConfig.webpack.plugins)
+    ) {
+      curConfig.webpack.plugins.push(new AddNeoRequirePlugin());
+    } else {
+      curConfig.webpack.plugins = [new AddNeoRequirePlugin()];
+    }
+
+    // 添加 externals 配置
+    const neoExternals = getExternalsByNeoCommonModules();
+    if (
+      curConfig.build2lib.externals &&
+      Array.isArray(curConfig.build2lib.externals)
+    ) {
+      curConfig.build2lib.externals.push(...neoExternals);
+    } else {
+      curConfig.build2lib.externals = neoExternals;
+    }
+
     akfun.build('lib', curConfig, consoleTag, () => {
       // 构建完成后，执行 publish2oss
       publish2oss(

package/src/neo/neoRequire.js

@@ -0,0 +1,53 @@
+// Neo 共享出来的依赖模块
+const NeoCommonModules = {
+  react: '^16.13.1',
+  'react-dom': '^16.13.1',
+  mobx: '^6.3.0',
+  'mobx-react': '^7.0.0',
+  'mobx-state-tree': '^5.4.0',
+  echarts: '5.4.2',
+  antd: '4.9.4',
+  'antd-mobile': '2.3.4',
+  '@ant-design/icons': '^4.8.0',
+  'video-react': '0.14.1',
+  axios: '^0.27.2',
+  classnames: '^2.3.2',
+  qs: '^6.11.0',
+  lodash: '^4.17.21'
+};
+
+// 根据 Neo 共享出来的依赖模块，获取 externals 配置
+const getExternalsByNeoCommonModulesV1 = () => {
+  const neoExternals = {};
+  Object.keys(NeoCommonModules).forEach(moduleName => {
+    neoExternals[moduleName] = `commonjs ${moduleName}`;
+  });
+  return neoExternals;
+};
+
+const getExternalsByNeoCommonModules = () => {
+  return Object.keys(NeoCommonModules).map(moduleName => `commonjs ${moduleName}`);
+};
+
+// 用于添加共享的依赖模块
+const addNeoCommonModules = (modules) => {
+  if (!window.__NeoCommonModules) {
+    window.__NeoCommonModules = {};
+  }
+  window.__NeoCommonModules = Object.assign(window.__NeoCommonModules, modules);
+};
+
+const initNeoRequire = () => {
+  if (!window.neoRequire) {
+    // 用于加载 Neo 共享出来的依赖模块
+    window.neoRequire = (moduleName) => {
+      return window.__NeoCommonModules[moduleName] || window[moduleName];
+    };
+  }
+};
+
+module.exports = {
+  initNeoRequire,
+  addNeoCommonModules,
+  getExternalsByNeoCommonModules
+};

package/src/neo/wrapperContent.js

@@ -0,0 +1,15 @@
+/**
+ * 注入 neoRequire 函数
+ * 备注：用于实现和 Neo 平台共享依赖
+ */
+(function(cmpFileFactory) {
+  if (!window.neoRequire) {
+    throw new Error('neoRequire 不存在，请在 NeoCRM 平台中加载此脚本。');
+  }
+  cmpFileFactory(window.neoRequire);
+})(function(require) {
+  /**
+   * 这里放自定义组件相关内容代码
+   * 备注: 自定义组件代码中的 require 函数 已被替换成 neoRequire 函数（require === neoRequire）。
+   */
+});

package/src/plugins/AddNeoRequirePlugin.js

@@ -0,0 +1,47 @@
+const { ConcatSource } = require('webpack-sources');
+
+/**
+ * 注入 neoRequire 函数
+ * 备注：用于实现和 Neo 平台共享依赖
+ */
+class AddNeoRequirePlugin {
+  apply(compiler) {
+    compiler.hooks.compilation.tap('AddNeoRequirePlugin', (compilation) => {
+      compilation.hooks.processAssets.tap(
+        {
+          name: 'AddNeoRequirePlugin',
+          stage: -100
+        },
+        () => {
+          for (const chunk of compilation.chunks) {
+            if (!chunk.canBeInitial() || !chunk.rendered) {
+              continue;
+            }
+
+            for (const file of chunk.files) {
+              if (/.css$/.test(file)) {
+                // 不处理 css 文件
+                continue;
+              }
+
+              const Header = `
+(function(cmpFileFactory) {
+  if (!window.neoRequire) {
+    throw new Error('neoRequire 不存在，请在 NeoCRM 平台中加载此脚本。');
+  }
+  cmpFileFactory(window.neoRequire);
+})(function(require) {
+                `;
+
+              const Footer = `})`;
+
+              compilation.updateAsset(file, (oldFileContent) => new ConcatSource(Header, oldFileContent, Footer));
+            }
+          }
+        }
+      );
+    });
+  }
+}
+
+module.exports = AddNeoRequirePlugin;

package/src/template/react-ts-custom-cmp-template/package.json

@@ -47,7 +47,7 @@
     "@commitlint/config-conventional": "^9.1.1",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.1.2",
+    "neo-cmp-cli": "^1.1.3",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"