zmdms-utils 0.0.1

package/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "eslint.validate": ["typescript"]
+  // "files.eol": "\n"
+}

package/REAMME.md

@@ -0,0 +1 @@
+## 公用方法，用于存放一些与框架、平台无关的方法

package/dist/es/_virtual/_tslib.js

@@ -0,0 +1,65 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+export { __assign, __awaiter, __generator };

package/dist/es/auth.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 权限相关
+ */
+declare function getToken(): string | null;
+declare function setToken(token: string): void;
+
+export { getToken, setToken };

package/dist/es/auth.js

@@ -0,0 +1,22 @@
+/**
+ * 权限相关
+ */
+function getToken() {
+    try {
+        return window.localStorage.getItem("system-token");
+    }
+    catch (err) {
+        console.error("获取token失败", err);
+        return "";
+    }
+}
+function setToken(token) {
+    try {
+        window.localStorage.setItem("system-token", token);
+    }
+    catch (err) {
+        console.error("设置token失败", err);
+    }
+}
+
+export { getToken, setToken };

package/dist/es/mainApp.d.ts

@@ -0,0 +1,35 @@
+interface IEntry {
+    scripts?: string[];
+    styles?: string[];
+    html?: string;
+}
+type IActiveRule = (location: Location) => boolean;
+interface IMicroApp {
+    name: string;
+    entry: string | IEntry;
+    container: string | HTMLElement;
+    activeRule: string | string[] | IActiveRule | IActiveRule[];
+    loader?: (loading: boolean) => void;
+    props?: object;
+}
+interface IOtherOptions {
+    /** 过滤掉的一些资源的关键词，必须保证不过滤掉一些不该过滤的东西 */
+    whiteWords?: string[];
+    /** loading 发生变化触发事件 */
+    loader?: (loading: boolean) => void;
+}
+/**
+ * 主应用初始化逻辑
+ * @param microApps 子应用列表
+ * @param defaultAppLink 设置主应用启动后默认进入的微应用
+ * @param otherOptions
+ */
+declare function initMainApp(microApps: IMicroApp[], defaultAppLink: string, otherOptions?: IOtherOptions): void;
+/**
+ * 全局错误处理
+ * @param handle 错误函数
+ * @returns 清空监听
+ */
+declare function initGlobalError(handle: (event: any) => void): () => void;
+
+export { IMicroApp, initGlobalError, initMainApp };

package/dist/es/mainApp.js

@@ -0,0 +1,46 @@
+import { __assign } from './_virtual/_tslib.js';
+import { registerMicroApps, setDefaultMountApp, start, runAfterFirstMounted, addGlobalUncaughtErrorHandler, removeGlobalUncaughtErrorHandler } from 'qiankun';
+
+/**
+ * 主应用初始化逻辑
+ * @param microApps 子应用列表
+ * @param defaultAppLink 设置主应用启动后默认进入的微应用
+ * @param otherOptions
+ */
+function initMainApp(microApps, defaultAppLink, otherOptions) {
+    if (otherOptions === void 0) { otherOptions = {}; }
+    var _a = otherOptions.whiteWords, whiteWords = _a === void 0 ? [] : _a, loader = otherOptions.loader;
+    /**
+     * Step2 注册子应用
+     */
+    registerMicroApps(microApps.map(function (item) { return (__assign(__assign({}, item), { loader: loader })); }));
+    /**
+     * Setp3 设置默认进入的子应用
+     */
+    setDefaultMountApp(defaultAppLink);
+    /**
+     * Setp4 启动应用
+     */
+    start({
+        excludeAssetFilter: function (urls) {
+            // 指定部分特殊的动态加载的微应用资源（css/js) 不被 qiankun 劫持处理
+            return whiteWords.some(function (w) { return urls.includes(w); });
+        },
+    });
+    runAfterFirstMounted(function () {
+        console.log("第一个微应用加载成功!");
+    });
+}
+/**
+ * 全局错误处理
+ * @param handle 错误函数
+ * @returns 清空监听
+ */
+function initGlobalError(handle) {
+    addGlobalUncaughtErrorHandler(handle);
+    return function () {
+        removeGlobalUncaughtErrorHandler(handle);
+    };
+}
+
+export { initGlobalError, initMainApp };

package/dist/es/microAppCreator.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @description 微应用初始化
+ * @param render 加载应用方法
+ * @param microAppOptions 微应用的一些配置
+ */
+interface IMicroAppOptions {
+    microAppContainerId: string;
+    microAppKey: string;
+    microAppRoot: any;
+    microAppMountHandle?: (props: any) => void;
+    microAppUnMountHandle?: (props: any) => void;
+}
+declare function initMicroApp(render: any, microAppOptions: IMicroAppOptions): {
+    bootstrap?: undefined;
+    mount?: undefined;
+    unmount?: undefined;
+} | {
+    bootstrap: () => Promise<void>;
+    mount: (props: any) => Promise<void>;
+    unmount: (props: any) => Promise<void>;
+};
+
+export { IMicroAppOptions, initMicroApp };

package/dist/es/microAppCreator.js

@@ -0,0 +1,69 @@
+import { __awaiter, __generator } from './_virtual/_tslib.js';
+import { isQiankun } from './qiankunUtils.js';
+
+/**
+ * 可选生命周期钩子，仅使用 loadMicroApp 方式加载微应用时生效
+ */
+function update(props) {
+    console.log("可以在update声明周期中做的一些公共处理的事！", props);
+}
+function initMicroApp(render, microAppOptions) {
+    // 初始加载应用
+    // 1. 如果不是微前端环境，那么应用直接运行
+    if (!isQiankun()) {
+        render({});
+        return {};
+    }
+    // 2. 进入微前端环境的运行逻辑
+    var microAppKey = microAppOptions.microAppKey, microAppRoot = microAppOptions.microAppRoot, microAppMountHandle = microAppOptions.microAppMountHandle, microAppUnMountHandle = microAppOptions.microAppUnMountHandle;
+    // 唯一key没传 给出开发提示
+    if (!microAppKey) {
+        throw Error("\u6CA1\u6709\u914D\u7F6E\u5FAE\u5E94\u7528\u7684\u552F\u4E00key\u503C\uFF0C\u8FD9\u4F1A\u5BFC\u81F4\u5FAE\u524D\u7AEF\u8FD0\u884C\u51FA\u9519\uFF01");
+    }
+    /**
+     * bootstrap 只会在微应用初始化的时候调用一次，下次微应用重新进入时会直接调用 mount 钩子，不会再重复触发 bootstrap。
+     * 通常我们可以在这里做一些全局变量的初始化，比如不会在 unmount 阶段被销毁的应用级别的缓存等。
+     */
+    function bootstrap() {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                console.log("微应用 bootstraped");
+                return [2 /*return*/];
+            });
+        });
+    }
+    /**
+     * 应用每次进入都会调用 mount 方法，通常我们在这里触发应用的渲染方法
+     */
+    function mount(props) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                console.log("微应用 mount");
+                microAppMountHandle && microAppMountHandle(props);
+                render(props);
+                return [2 /*return*/];
+            });
+        });
+    }
+    /**
+     * 应用每次 切出/卸载 会调用的方法，通常在这里我们会卸载微应用的应用实例
+     */
+    function unmount(props) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                console.log("微应用 unmount");
+                microAppUnMountHandle && microAppUnMountHandle(props);
+                (_a = microAppRoot === null || microAppRoot === void 0 ? void 0 : microAppRoot.unmount) === null || _a === void 0 ? void 0 : _a.call(microAppRoot);
+                return [2 /*return*/];
+            });
+        });
+    }
+    return {
+        bootstrap: bootstrap,
+        mount: mount,
+        unmount: unmount,
+    };
+}
+
+export { initMicroApp, update };

package/dist/es/qiankunUtils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description 关于qiankun的一些方法
+ */
+/**
+ * @description 环境判断
+ */
+declare function isQiankun(): any;
+
+export { isQiankun };

package/dist/es/qiankunUtils.js

@@ -0,0 +1,11 @@
+/**
+ * @description 关于qiankun的一些方法
+ */
+/**
+ * @description 环境判断
+ */
+function isQiankun() {
+    return window.__POWERED_BY_QIANKUN__;
+}
+
+export { isQiankun };

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { initMicroApp } from './es/microAppCreator.js';
+export { isQiankun } from './es/qiankunUtils.js';
+export { initGlobalError, initMainApp } from './es/mainApp.js';
+export { getToken, setToken } from './es/auth.js';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { initMicroApp } from './es/microAppCreator.js';
+export { isQiankun } from './es/qiankunUtils.js';
+export { initGlobalError, initMainApp } from './es/mainApp.js';
+export { getToken, setToken } from './es/auth.js';

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "zmdms-utils",
+  "version": "0.0.1",
+  "description": "",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "type": "module",
+  "scripts": {
+    "clean": "rimraf ./dist",
+    "build": "npm run clean && npm run build-es",
+    "build-es": "npm run clean && rollup --config ./rollup.esm.config.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "qiankun": ">=2.10.5"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "rimraf": "^4.4.1",
+    "rollup": "^3.20.2",
+    "rollup-plugin-dts": "^5.3.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-typescript2": "^0.34.1",
+    "typescript": "^5.0.2"
+  }
+}

package/rollup.esm.config.js

@@ -0,0 +1,96 @@
+import typescript from "rollup-plugin-typescript2";
+import { nodeResolve } from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import json from "@rollup/plugin-json";
+import dts from "rollup-plugin-dts";
+import peerDepsExternal from "rollup-plugin-peer-deps-external";
+import path from "path";
+import fs from "fs";
+
+// 覆盖一些ts配置
+const overrides = {
+  compilerOptions: {
+    // declaration: true, // 生成.d.ts文件
+    lib: ["dom", "dom.iterable", "esnext"],
+  },
+};
+
+// 读取组件目录
+const utilsDir = "src";
+const utilsName = fs.readdirSync(path.resolve(utilsDir), {
+  withFileTypes: true,
+});
+
+function getEsModuleEntryDir() {
+  // 定义入口目录
+  const entryDirObj = {};
+  utilsName.forEach((dirent) => {
+    if (dirent.isFile()) {
+      const fileName = dirent.name.substring(0, dirent.name.lastIndexOf("."));
+      entryDirObj[`${fileName}`] = `${utilsDir}/${dirent.name}`;
+    }
+  });
+  return entryDirObj;
+}
+
+function getEsModuleOutput() {
+  return {
+    preserveModules: true, // 使用原始模块名称作为文件名为所有模块创建单独的块
+    entryFileNames: ({ name }) => {
+      if (name === "index") {
+        return "[name].js";
+      }
+      // 将业务代码
+      return "es/[name].js";
+    },
+  };
+}
+
+function getDts() {
+  return {
+    preserveModules: true, // 使用原始模块名称作为文件名为所有模块创建单独的块
+    entryFileNames: ({ name }) => {
+      const { dir, base } = path.parse(name);
+      if (name === "index") {
+        return "[name].d.ts";
+      }
+      return "es/[name].d.ts";
+    },
+  };
+}
+
+const componentsEntryObj = getEsModuleEntryDir();
+// es Module打包输出
+const esmOutput = getEsModuleOutput();
+// d.ts 打包输出
+const esmOutputDts = getDts();
+
+const config = [
+  {
+    input: componentsEntryObj,
+    output: {
+      ...esmOutput,
+      dir: "dist",
+      format: "es",
+    },
+    plugins: [
+      peerDepsExternal(),
+      nodeResolve(),
+      commonjs(),
+      json(),
+      typescript({ tsconfigOverride: overrides }),
+    ],
+  },
+  // 打包d.ts文件
+  {
+    input: "src/index.ts",
+    output: {
+      ...esmOutputDts,
+      dir: "dist",
+      format: "es",
+    },
+    plugins: [dts({})],
+  },
+];
+
+export default config;

package/src/auth.ts

@@ -0,0 +1,19 @@
+/**
+ * 权限相关
+ */
+export function getToken() {
+  try {
+    return window.localStorage.getItem("system-token");
+  } catch (err) {
+    console.error("获取token失败", err);
+    return "";
+  }
+}
+
+export function setToken(token: string) {
+  try {
+    window.localStorage.setItem("system-token", token);
+  } catch (err) {
+    console.error("设置token失败", err);
+  }
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+export { initMicroApp } from "./microAppCreator";
+export { isQiankun } from "./qiankunUtils";
+export { initMainApp, initGlobalError } from "./mainApp";
+export { getToken, setToken } from "./auth";

package/src/mainApp.ts

@@ -0,0 +1,97 @@
+import {
+  registerMicroApps,
+  setDefaultMountApp,
+  start,
+  runAfterFirstMounted,
+  addGlobalUncaughtErrorHandler,
+  removeGlobalUncaughtErrorHandler,
+} from "qiankun";
+
+interface IEntry {
+  scripts?: string[];
+  styles?: string[];
+  html?: string;
+}
+
+type IActiveRule = (location: Location) => boolean;
+
+export interface IMicroApp {
+  /* 微应用的名称，微应用之间必须确保唯一 */
+  name: string;
+  /* 
+    微应用的入口 
+    为字符串时，标识微应用的访问地址 
+    为对象时，html的值是微应用的html内容字符串，而不是微应用的访问地址。微应用的publicPath将回被设置为 /
+  */
+  entry: string | IEntry;
+  /* 微应用的容器节点的选择器或者Element实例。如container: '#root' 或者 document.querySelector('#root') */
+  container: string | HTMLElement;
+  /*
+  微应用的激活规则
+  支持直接配置字符串或字符串数组 如activeRule: '/app1' 或 ['/app1', '/app2']。当配置为字符串时会直接跟 url 中的路径部分做前缀匹配，匹配成功表明当前应用会被激活
+  支持配置一个active function函数或一组。函数会传入当前location作为参数，函数返回true时，表明当前微应用被激活
+ */
+  activeRule: string | string[] | IActiveRule | IActiveRule[];
+  /* loading状态发生变化时会调用的方法 */
+  loader?: (loading: boolean) => void;
+  /* 主应用需要传递给微应用的数据 */
+  props?: object;
+}
+
+interface IOtherOptions {
+  /** 过滤掉的一些资源的关键词，必须保证不过滤掉一些不该过滤的东西 */
+  whiteWords?: string[];
+  /** loading 发生变化触发事件 */
+  loader?: (loading: boolean) => void;
+}
+
+/**
+ * 主应用初始化逻辑
+ * @param microApps 子应用列表
+ * @param defaultAppLink 设置主应用启动后默认进入的微应用
+ * @param otherOptions
+ */
+export function initMainApp(
+  microApps: IMicroApp[],
+  defaultAppLink: string,
+  otherOptions: IOtherOptions = {}
+) {
+  const { whiteWords = [], loader } = otherOptions;
+
+  /**
+   * Step2 注册子应用
+   */
+  registerMicroApps(microApps.map((item) => ({ ...item, loader })));
+
+  /**
+   * Setp3 设置默认进入的子应用
+   */
+  setDefaultMountApp(defaultAppLink);
+
+  /**
+   * Setp4 启动应用
+   */
+  start({
+    excludeAssetFilter: (urls: string) => {
+      // 指定部分特殊的动态加载的微应用资源（css/js) 不被 qiankun 劫持处理
+      return whiteWords.some((w) => urls.includes(w));
+    },
+  });
+
+  runAfterFirstMounted(() => {
+    console.log("第一个微应用加载成功!");
+  });
+}
+
+/**
+ * 全局错误处理
+ * @param handle 错误函数
+ * @returns 清空监听
+ */
+export function initGlobalError(handle: (event: any) => void) {
+  addGlobalUncaughtErrorHandler(handle);
+
+  return () => {
+    removeGlobalUncaughtErrorHandler(handle);
+  };
+}

package/src/microAppCreator.ts

@@ -0,0 +1,76 @@
+/**
+ * @description 初始化微应用程序
+ */
+import { isQiankun } from "./qiankunUtils";
+
+/**
+ * 可选生命周期钩子，仅使用 loadMicroApp 方式加载微应用时生效
+ */
+export function update(props: any) {
+  console.log("可以在update声明周期中做的一些公共处理的事！", props);
+}
+
+/**
+ * @description 微应用初始化
+ * @param render 加载应用方法
+ * @param microAppOptions 微应用的一些配置
+ */
+export interface IMicroAppOptions {
+  microAppContainerId: string; // 微应用加载的dom容器 id
+  microAppKey: string; // 微应用的唯一key值 用途：1. qiankun下的路由前缀；2. 主、子通信时的标识
+  microAppRoot: any; // 微应用根节点实例
+  microAppMountHandle?: (props: any) => void; // 微应用每次进入都会调用的方法
+  microAppUnMountHandle?: (props: any) => void; // 微应用每次切出/卸载 都会调用的方法
+}
+export function initMicroApp(render: any, microAppOptions: IMicroAppOptions) {
+  // 初始加载应用
+  // 1. 如果不是微前端环境，那么应用直接运行
+  if (!isQiankun()) {
+    render({});
+    return {};
+  }
+  // 2. 进入微前端环境的运行逻辑
+  const {
+    microAppKey,
+    microAppRoot,
+    microAppMountHandle,
+    microAppUnMountHandle,
+  } = microAppOptions;
+
+  // 唯一key没传 给出开发提示
+  if (!microAppKey) {
+    throw Error(`没有配置微应用的唯一key值，这会导致微前端运行出错！`);
+  }
+
+  /**
+   * bootstrap 只会在微应用初始化的时候调用一次，下次微应用重新进入时会直接调用 mount 钩子，不会再重复触发 bootstrap。
+   * 通常我们可以在这里做一些全局变量的初始化，比如不会在 unmount 阶段被销毁的应用级别的缓存等。
+   */
+  async function bootstrap() {
+    console.log("微应用 bootstraped");
+  }
+
+  /**
+   * 应用每次进入都会调用 mount 方法，通常我们在这里触发应用的渲染方法
+   */
+  async function mount(props: any) {
+    console.log("微应用 mount");
+    microAppMountHandle && microAppMountHandle(props);
+    render(props);
+  }
+
+  /**
+   * 应用每次 切出/卸载 会调用的方法，通常在这里我们会卸载微应用的应用实例
+   */
+  async function unmount(props: any) {
+    console.log("微应用 unmount");
+    microAppUnMountHandle && microAppUnMountHandle(props);
+    microAppRoot?.unmount?.();
+  }
+
+  return {
+    bootstrap,
+    mount,
+    unmount,
+  };
+}

package/src/qiankunUtils.ts

@@ -0,0 +1,10 @@
+/**
+ * @description 关于qiankun的一些方法
+ */
+
+/**
+ * @description 环境判断
+ */
+export function isQiankun() {
+  return (window as any).__POWERED_BY_QIANKUN__;
+}

package/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "target": "es5", // 指定ECMAScript目标版本
+    // 编译过程中需要映入的库文件列表
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true, // 允许编译JS文件
+    "skipLibCheck": true, // 忽略所有的声明文件（*.d.ts）的类型检查
+    // https://zhuanlan.zhihu.com/p/148081795
+    "esModuleInterop": true,
+    // 允许从没有设置默认导出的模块中默认导入。
+    "allowSyntheticDefaultImports": true,
+    // 启用所有严格类型检查选项
+    "strict": true,
+    // 禁止对同一个文件的不一致的引用
+    "forceConsistentCasingInFileNames": true,
+    // 报告switch语句的fallthrough错误。（即，不允许switch的case语句贯穿）
+    "noFallthroughCasesInSwitch": true,
+    // 指定生成哪个模块系统代码
+    "module": "esnext",
+    // 决定如何处理模块
+    "moduleResolution": "node",
+    // 解析json模块
+    "resolveJsonModule": true,
+    // 将每个文件作为单独的模块
+    "isolatedModules": true,
+    // 不生成输出文件。仅用tsc做类型检查时，当一些其他工具（webpack、rollup）负责编译你的代码时
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "outDir": "dist"
+  },
+  "include": ["src"]
+}