@tmsfe/tmskit 0.0.5-beta.3 → 0.0.5-beta.4

package/src/webpack/plugins/entryExtractPlugin/index.js

@@ -0,0 +1,28 @@
+const SingleEntryPlugin = require('webpack/lib/SingleEntryPlugin');
+const { DEFAULT_WEBPACK_ENTRY, DEFAULT_MODULE_DIR } = require('../../../config/constant');
+const { getEntry } = require('../../utils');
+
+class EntryExtraPlugin {
+  constructor(options = {}) {
+    this.options = options;
+  }
+
+  applyEntry(compiler, entry) {
+    const { context } = compiler.options;
+
+    Object.keys(entry).forEach((key) => {
+      new SingleEntryPlugin(context, entry[key], key).apply(compiler);
+    });
+  }
+
+  apply(compiler) {
+    const { tmsConfig = {}, modules = [] } = this.options;
+
+    compiler.hooks.watchRun.tap('EntryExtraPlugin', () => {
+      const entry = getEntry(DEFAULT_WEBPACK_ENTRY, modules, tmsConfig, DEFAULT_MODULE_DIR);
+      this.applyEntry(compiler, entry);
+    });
+  }
+}
+
+module.exports = EntryExtraPlugin;

package/src/webpack/utils.js

@@ -0,0 +1,244 @@
+const path = require('path');
+const fs = require('fs');
+const { resolve } = require('../utils/widgets');
+const { buildOutputAppJson } = require('../utils/buildAppJson');
+const { tmsModulesMergeLocalModuleCfg } = require('../utils/tkitUtils');
+const { findAllPackageJson } = require('../utils/npmUtils');
+const { fail } = require('../utils/log');
+const replaceExt = require('replace-ext');
+
+const extensions = ['.ts', '.js'];
+function ext(entry, extensions) {
+  let newEntry = entry;
+  try {
+    const stat = fs.lstatSync(newEntry);
+    if (stat.isDirectory()) {
+      newEntry += (newEntry[newEntry.length - 1] === '/') ? 'index' : '/index';
+    }
+  } catch (e) {}
+
+  for (const ext of extensions) {
+    const file = replaceExt(newEntry, ext);
+    if (fs.existsSync(file)) {
+      return {
+        file,
+        ext,
+      };
+    }
+  }
+  return null;
+}
+
+// 获取所有的package.json里的依赖包Dir
+function getAlias(modules) {
+  const alias = {};
+  const allPackages = findAllPackageJson(modules, resolve('./dist'));
+  allPackages.forEach((packageFilePath) => {
+    const { dependencies } = require(packageFilePath);
+    Object.keys(dependencies).forEach((dependence) => {
+      alias[dependence] = path.join(path.dirname(packageFilePath), `./miniprogram_npm/${dependence}`);
+    });
+  });
+  return alias;
+}
+
+
+// 根据用户选择的modules，找到module.config.json的配置信息，找到所有的page
+function getPageEntry(modules, tmsConfig, moduleDir) {
+  const entry = {};
+  // tms.config.js的modules 合并 module.config.json的配置项
+  const newModules = tmsModulesMergeLocalModuleCfg(modules, tmsConfig.appName, moduleDir);
+  newModules.forEach(({ path: relativePath, pages, root }) => {
+    pages.forEach((page) => {
+      const pageJsonPath = `${resolve(relativePath, page)}.json`;
+      if (fs.existsSync(pageJsonPath)) {
+        const pageJsonContent = JSON.parse(fs.readFileSync(pageJsonPath, 'utf-8'));
+        const pageDir = path.dirname(pageJsonPath); // 该页面所在的目录
+        const extValue = ext(resolve(relativePath, page), extensions);
+        if (!extValue) {
+          fail(`当前${page}找不到入口.js或.ts文件`);
+          process.exit(1);
+        }
+        const entryKey = `${root}/${page}${extValue.ext}`;
+
+        Object.assign(
+          entry,
+          { [entryKey]: extValue.file },
+          getComponentEntry(pageJsonContent, pageDir, path.dirname(entryKey)),
+        );
+      }
+    });
+  });
+  return entry;
+}
+
+// 根据appJson，获取所有的page
+function getEntry(defaultWebpackEntry, modules, tmsConfig, moduleDir) {
+  const defaultEntry = {};
+  Object.keys(defaultWebpackEntry).forEach((key) => {
+    const extValue = ext(defaultWebpackEntry[key], extensions);
+    defaultEntry[key + extValue.ext] = extValue.file;
+  });
+  return  {
+    ...defaultEntry,
+    ...getPageEntry(modules, tmsConfig, moduleDir),
+  };
+}
+
+// 根据pageJson，filePath，获取页面引入的所有component
+function getComponentEntry(pageJson, pagePath, pageKey) {
+  const componentEntry = {};
+  function task(json, dir, rootKey) {
+    if (!json.usingComponents) {
+      return;
+    }
+
+    const componentKeys = Object.keys(json.usingComponents);
+
+    // 如果存在依赖的组件
+    componentKeys.forEach((key) => {
+      if (json.usingComponents[key].startsWith('.')) {
+        // 拼出组件所在位置的绝对路径
+        const comValue = path.join(dir, json.usingComponents[key]);
+        const extValue = ext(comValue, extensions);
+        const comKey = path.resolve('/', rootKey, json.usingComponents[key]);
+        if (!extValue) {
+          fail(`当前page: ${pagePath} component: ${comValue}找不到入口.js或.ts文件`);
+          process.exit(1);
+        }
+
+        componentEntry[`${comKey.slice(1)}${extValue.ext}`] = extValue.file;
+        const comJsonPath = `${comValue}.json`;
+        if (fs.existsSync(comJsonPath)) {
+          const comJsonContent = JSON.parse(fs.readFileSync(comJsonPath, 'utf-8'));
+
+          const comDir = path.dirname(comJsonPath); // 该页面所在的目录
+          task(comJsonContent, comDir, path.dirname(comKey));
+        }
+      }
+    });
+  }
+
+  task(pageJson, pagePath, pageKey);
+
+  return componentEntry;
+}
+
+// 根据modules处理需要拷贝的模块，copy-webpack-plugin需要的参数
+function getCopyPlugin(defaultCopyConfig, modules, tmsConfig, env) {
+  const toPath = tmsConfig.webpack.outputDir;
+  function generatorAppJson(tmsConfig, modules) {
+    try {
+      return buildOutputAppJson(tmsConfig, modules);
+    } catch (e) {
+      fail(`动态生成app.json出现错误${e} 请检查你的配置项`);
+      return {};
+    }
+  }
+
+  const patterns = [];
+  // 默认的一些配置拷贝文件 package.json、sitemap.json等
+  defaultCopyConfig.forEach((item) => {
+    if (fs.existsSync(resolve(item))) {
+      patterns.push({
+        from: resolve(item),
+        to: resolve(`./${toPath}/${item}`),
+        transform: {
+          cache: true,
+        },
+      });
+    }
+  });
+
+  // 拷贝模块的代码
+  modules.forEach((item) => {
+    patterns.push({
+      from: resolve(item.path),
+      to: resolve(`./${toPath}/${item.root}`),
+      globOptions: {
+        ignore: ['**/*.js', '*.js', '**/*.ts', '*.ts'],
+      },
+      transform: {
+        cache: true,
+        transformer: env === 'dev'
+          ? (content, absoluteFrom) => {
+            // 监听module.config.json的修改, 自动生成编译后的app.json
+            if (absoluteFrom.indexOf('module.config.json') > -1) {
+              generatorAppJson(tmsConfig, modules);
+            }
+            return content;
+          }
+          : content => content,
+      },
+    });
+  });
+
+  if (env === 'dev') {
+    // 拷贝app.json时，自动生成编译后的app.json
+    const appJsonConfig = ['app.json'];
+    appJsonConfig.forEach((item) => {
+      patterns.push({
+        from: resolve(item),
+        to: resolve(`./${toPath}/${item}`),
+        transform: {
+          cache: true,
+          transformer: () => {
+            const appJson = generatorAppJson(tmsConfig, modules);
+            return JSON.stringify(appJson, null, 2);
+          },
+        },
+      });
+    });
+  }
+
+  return patterns;
+}
+
+// dev时，给webpack注入相应的事件
+const setupDevWebPackHooks = (context, firstDone) => {
+  let tempFirstDone = true;
+
+  const invalid = () => {
+    // eslint-disable-next-line
+    context.stats = undefined;
+  };
+
+  const done = (stats) => {
+    // eslint-disable-next-line
+    context.stats = stats;
+
+    process.nextTick(() => {
+      const { stats } = context;
+      if (!stats) return;
+
+      if (tempFirstDone) {
+        tempFirstDone = false;
+        firstDone();
+      }
+    });
+  };
+  const { compiler } = context;
+
+  compiler.hooks.watchRun.tap('miniprogram-dev', invalid);
+  compiler.hooks.invalid.tap('miniprogram-dev', invalid);
+  compiler.hooks.done.tap('miniprogram-dev', done);
+};
+
+const stringified = raw => ({
+  'process.env': Object.keys(raw).reduce(
+    (env, key) => {
+      // eslint-disable-next-line
+      env[key] = JSON.stringify(raw[key]);
+      return env;
+    },
+    {},
+  ),
+});
+
+module.exports = {
+  getCopyPlugin,
+  setupDevWebPackHooks,
+  getEntry,
+  stringified,
+  getAlias,
+};

package/rollup.config.js

@@ -1,179 +0,0 @@
-import path from 'path';
-import ts from 'rollup-plugin-typescript2';
-import babel from '@rollup/plugin-babel';
-import json from '@rollup/plugin-json';
-import replace from 'rollup-plugin-replace';
-import nodeResolve from 'rollup-plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-
-if (!process.env.TARGET) {
-  throw new Error('TARGET package must be specified via --environment flag.');
-}
-
-// 指定包地址
-const packageDir = path.resolve(__dirname);
-// 包名
-const name = path.basename(packageDir);
-// 环境
-const interEnv = process.env.INTER_ENV || 'public';
-
-// eslint-disable-next-line
-const packageJson = require('./package.json');
-
-const packageOptions = packageJson.buildOptions || {};
-
-function resolve(name) { // eslint-disable-line
-  return path.resolve(packageDir, name);
-}
-
-const outputConfig = {
-  esm: {
-    dir: resolve('dist'),
-    entryFileNames: '[name].js',
-    format: 'es',
-  },
-  'esm-browser': {
-    dir: resolve('dist'),
-    entryFileNames: '[name].esm-browser.js',
-    format: 'es',
-  },
-  cjs: {
-    dir: resolve('dist'),
-    entryFileNames: '[name].cjs.js',
-    format: 'cjs',
-  },
-  global: {
-    dir: resolve('dist'),
-    entryFileNames: '[name].global.js',
-    format: 'iife',
-  },
-};
-
-const defaultFormats = ['esm'];
-// 打包格式
-const packageFormats = packageOptions.formats || defaultFormats;
-
-const packageConfigs = packageFormats.map(format => createConfig(format, outputConfig[format]));
-
-export default packageConfigs;
-
-/**
- * format rollup package configuration object
- * @param {string} format 文件打包格式
- * @param {object} output 输出对象
- * @param {array} plugins 插件
- * @returns {object} rollup配置对象
- */
-function createConfig(format, output, plugins = []) {
-  if (!output) {
-    // eslint-disable-next-line
-    console.log(require('chalk').yellow(`invalid format: "${format}"`));  // eslint-disable-line no-console
-    process.exit(1);
-  }
-
-  output.sourceMap = true;  // eslint-disable-line
-  output.externalLiveBindings = false;  // eslint-disable-line
-
-  // 兼容不同的包的入口文件 -- 后面会统一为index.ts
-  const entryFile = setEntryFile(name);
-
-  // 定制化cjs的插件和esmodule的插件。
-  const extralPlugin = setEsPlugin(output.format);
-
-  return {
-    input: entryFile,
-    output,
-    external: [],
-    plugins: [
-      json({
-        namedExports: false,
-      }),
-      commonjs({
-        ignoreDynamicRequires: true,
-        // include: 'node_modules/**', // Default: undefined
-        browser: true,
-      }),
-      babel({
-        plugins: ['@babel/plugin-proposal-nullish-coalescing-operator', '@babel/plugin-proposal-optional-chaining'],
-        // exclude: ['node_modules/**'],
-      }),
-      // terser(),
-      createReplacePlugin(),
-      ...extralPlugin,
-      ...plugins,
-    ],
-    onwarn: (msg, warn) => {
-      if (!/Circular/.test(msg)) {
-        warn(msg);
-      }
-    },
-    treeshake: {
-      moduleSideEffects: false,
-    },
-  };
-}
-
-/**
- * 兼容现在的包会存在不同入口的情况。 后面会统一为index.ts
- * @param {  string } packageName 包名称
- * @returns { Object } entryFile
- */
-function setEntryFile(packageName) {
-  let entryFile = resolve('src/index.js');
-
-  switch (packageName) {
-    case 'tms-core':
-      entryFile = {
-        index: resolve('src/index'),
-        request: resolve('src/request'),
-        cloudService: resolve('src/cloudService'),
-      };
-      if (interEnv !== 'public') {
-        entryFile['index-proxy'] = resolve('src/index-proxy');
-      }
-      break;
-    case 'tms-websdk':
-      entryFile = resolve('src/index.ts');
-      break;
-    default:
-      entryFile = resolve('src/index.js');
-  };
-
-  return entryFile;
-}
-
-/**
- * 定制化cjs和esmodule的插件
- * @param { string } format 打包格式
- * @returns { Array<plugin> } 插件数组
- */
-function setEsPlugin(format) {
-  const extralPlugins = [];
-
-
-  if (format.indexOf('es') > -1) {
-    extralPlugins.push(ts({
-      tsconfig: resolve('tsconfig.json'),
-    }));
-  };
-  if (format.indexOf('iife') > -1) {
-    extralPlugins.push(nodeResolve({ jsnext: true, preferBuiltins: true, browser: true }));
-  }
-  return extralPlugins;
-}
-
-/**
- * 创建变量替换插件
- * @returns {function} 插件函数
- */
-function createReplacePlugin() {
-  const replacements = {
-    tmsCore: interEnv === 'public' ? '@tmsfe/tms-core' : '@tmsfe/tms-core',
-    INTER_ENV_VB: JSON.stringify(interEnv || 'private'),
-  };
-
-  return replace({
-    values: replacements,
-    preventAssignment: true,
-  });
-}

package/src/gulp/jsDep.js

@@ -1,150 +0,0 @@
-const through = require('through2');
-const precinct = require('precinct');
-const path = require('path');
-const { copyFile, ext, fileInDir } = require('../utils/io');
-const { resolve } = require('../utils/widgets');
-const fs = require('fs');
-const { fail } = require('../utils/log');
-
-const dfsFindJsDep = function (anaFileOriginFile, anaFileDestFile, extensions) {
-  const resDep = new Map();
-  function dfs(anaFileOriginFile, anaFileDestFile, extensions) {
-    const contents = fs.readFileSync(anaFileOriginFile, 'utf8');
-    const deps = precinct(contents);
-    deps.forEach((depItem) => {
-      if (depItem.startsWith('.')) {
-        // 被依赖文件的存在的绝对路径
-        const depOriginPath = path.join(path.dirname(anaFileOriginFile), depItem);
-        // 被依赖文件加上后缀
-        const depOriginPathExt = ext(depOriginPath, extensions);
-
-        if (!depOriginPathExt) {
-          fail(`${anaFileOriginFile}的${depItem}引用路径存找不到文件，请检查引用路径`);
-        }
-
-        // 被依赖文件是否存在 include的path中 (只处理include的文件)
-        if (depOriginPathExt) {
-          const depOriginFile =  depOriginPathExt.file;
-          const depDestPath = resolve(path.dirname(anaFileDestFile), depItem);
-          const depDestFile = depDestPath.endsWith(depOriginPathExt.ext)
-            ? depDestPath
-            : depDestPath + depOriginPathExt.ext;
-
-          if (!resDep.has(depDestFile)) {
-            resDep.set(depDestFile, {
-              anaFileOriginFile,
-              anaFileDestFile,
-              depDestFile,
-              depOriginFile,
-            });
-            dfs(depOriginFile, depDestFile, extensions);
-          }
-        }
-      }
-    });
-  }
-  dfs(anaFileOriginFile, anaFileDestFile, extensions);
-
-  return resDep;
-};
-
-function handleCopyFile(depDestFile, depOriginFile) {
-  if (fs.existsSync(depDestFile)) {
-    const depDestContent = fs.readFileSync(depDestFile, 'utf8');
-    const depOriginContent = fs.readFileSync(depOriginFile, 'utf8');
-    if (depDestContent !== depOriginContent) {
-      console.log(`拷贝${depOriginFile}内容到${depDestFile}`);
-      copyFile(depOriginFile, depDestFile);
-    }
-  } else {
-    console.log(`拷贝${depOriginFile}内容到${depDestFile}`);
-    copyFile(depOriginFile, depDestFile);
-  }
-}
-
-function jsDep(tmsConfig, module, extensions = ['.js', '.ts', '.wxs']) {
-  const stream = through.obj(function (file, enc, cb) {
-    // 依赖分析的文件
-    const anaFileOriginFile = file.history[0];
-    const anaFileRelativeModule = path.relative(resolve(module.from), anaFileOriginFile);
-    const anaFileDestFile = resolve(tmsConfig.gulp.outputDir, module.to, anaFileRelativeModule);
-
-    if (file.isBuffer()) {
-      let contents = String(file.contents);
-      const deps = precinct(contents);
-      const copyModules = new Map();
-
-      Object.keys(tmsConfig.gulp.dependencies).forEach((includeName) => {
-        const includePath = tmsConfig.gulp.dependencies[includeName];
-        deps.forEach((depItem) => {
-          if (depItem.indexOf(includeName) > -1) {
-            // 被依赖文件的存在的绝对路径 (eg: /User/thirdparty/loadsh)
-            const depOriginPath = path.join(path.dirname(anaFileOriginFile), depItem);
-            // 被依赖文件加上后缀
-            const depOriginPathExt = ext(depOriginPath, extensions);
-
-            if (!depOriginPathExt) {
-              fail(`${anaFileOriginFile}的${depItem}引用路径存找不到文件，请检查引用路径`);
-            }
-
-            const isFileInDir = fileInDir(includePath, depOriginPathExt.file);
-            if (!isFileInDir) {
-              fail(`${depOriginPathExt.file}不在${includePath}不在文件夹内, 请检查应用路径`);
-            }
-
-            // 被依赖文件是否存在 include的path中 (只处理include的文件)
-            if (depOriginPathExt && isFileInDir) {
-              // eslint-disable-next-line
-              const reg = new RegExp(`^(\.\.\/)+.*\/${includeName}\/(.*)`);
-              const regRes = depItem.match(reg) || [];
-              if (regRes[2]) {
-                const depDestPath = resolve(tmsConfig.gulp.outputDir, module.to, includeName, regRes[2]);
-                const depDestFile = depDestPath.endsWith(depOriginPathExt.ext)
-                  ? depDestPath
-                  : depDestPath + depOriginPathExt.ext;
-                // {
-                //   depOriginFile: '/Users/odile/workspace/tms-frontend1/miniprogram/thirdparty/libs/timer.js',
-                //   depDestFile: `/Users/odile/workspace/tms-frontend1/tools/demo1/dist/modules/
-                //                 aggredriving/thirdparty/libs/timer.js`,
-                //   beforeDepPath: '../../../../thirdparty/libs/timer',
-                //   afterDepPath: '../../thirdparty/libs/timer'
-                // }
-                if (!copyModules.has(depDestFile)) {
-                  copyModules.set(depDestFile, {
-                    depOriginFile: depOriginPathExt.file,
-                    depDestFile,
-                    beforeDepPath: depItem,
-                    afterDepPath: path.relative(path.dirname(anaFileDestFile), depDestPath),
-                  });
-                }
-              }
-            }
-          }
-        });
-      });
-
-      copyModules.forEach(({ depOriginFile, depDestFile, beforeDepPath, afterDepPath }) => {
-        handleCopyFile(depDestFile, depOriginFile);
-        contents = contents.replace(beforeDepPath, afterDepPath);
-
-        const defs = dfsFindJsDep(depOriginFile, depDestFile, extensions);
-        defs.forEach((item) => {
-          handleCopyFile(item.depDestFile, item.depOriginFile);
-        });
-      });
-
-      // eslint-disable-next-line
-      file.contents = new Buffer(contents);
-    }
-
-    this.push(file);
-    cb();
-  });
-
-  return stream;
-}
-
-module.exports = {
-  jsDep,
-  dfsFindJsDep,
-};