├─build 					 // 输出路径
 ├─config                    // 配置
 │   ├─index.js              // 打包配置
 │   └─private.json          // SharePoint凭据信息
 ├─scripts                   // 打包脚本
 ├─src
 │   ├─assets                // 公共静态资源
 │   ├─components            // 公共组件/公共组件库
 │   ├─config                // 运行时配置文件
 │   ├─html                  // 页面模板
 │   ├─i18n                  // 语言包
 │   ├─pages
 │   │  └─Test
 │   │     ├── Index.ts      // 多页应用时的页面入口，单页应用时为页面组件
 │   │     └── pageinfo.js   // 对应页面的html模板信息，多页应用时使用
 │   ├─services              // 其他功能库
 │   ├─App.css
 │   ├─App.tsx
 │   └─Index.tsx             // 单页应用入口
 ├──modules.d.ts             // TypeScript模块声明
 ├──package.json			 // 项目信息，脚本指令，依赖信息
 ├──README.md                // 使用说明
 ├──tsconfig.json            // TypeScript编译设置
 └──tslint.json              // tslint代码规范选项

// 多页应用下可以通过创建pageinfo.js，对生成的的html模板进行一些设置
// html模板设置，pageinfo.js内容
module.exports = {
    // 额外引入的js
    scripts: [],
    // 额外引入的css
    css: [],
    // title
    title: ""
}

import img from "assets/img.png";

import Loading from "@components/Loading";
Loading.show();	// 显示Loading
Loading.hide();	// 关闭Loading，只对一次show生效
Loading.hideAll();	// 强制关闭所有Loading，多次show

// 对话框，需要点击确定或取消才能关闭
import Notification from "@components/Notification";

// 消息框初始化，
Notification.Config({
    beforeShow: Loading.hideAll,	// 显示弹框前强制关闭所有Loading
    beforeRender: props => {
      console.log("b", props);
    },
    afterRender: props => {
      console.log("a", props);
    }
  });

// 消息提示，定时自动消失
import Notice from "@components/Notice";

Notice.Success("title");

Notice.Error("title");

import { Logger } from "./logger";
// Logger为全局单例，在入口进行一次setting即可
Logger.Setting({                     
  JSOM: JSOM.create("", "日志列表名"), // 设置通过SharePoint日志存储的列表
  getFolderPath: () => "", 			 // JSOM创建item时所在的文件夹路径
    
  url: "",			  // 服务器接口地址，url与JSOM只有一个有效
  autoLogAjax: false, // 禁止自动记录ajax的发送
    
  logAjaxFilter: (ajaxUrl: string, ajaxMethod) => {
  // ajax过滤函数，返回false的不进行log，启用autoLogAjax生效
    let filterList = [
      "sockjs-node",  // 过滤本地服务器请求
      "_api/contextinfo", // 过滤JSOM context请求
      "ProcessQuery",     // 过滤JSOM query请求
      "hot-update.json",   // 过滤热更新请求
    ];
    return filterList.every((url) => !(ajaxUrl.indexOf(url) > -1))
  }
});

// 使用
Logger.Info();
Logger.Warn();
Logger.Error();

// 发送格式
// 前端以Post发送日志数组
logQueue = [{
    time: "时间",
    level: "info/warn/error",
    message: "记录的信息",
    url: "浏览器当前url"，
    agent: "浏览器信息"
},...]

/**
 * JSOM: JSOM操作对象，JSOM.create("site","list")
 *
 * getFolderPath: JSOM上传路径 () => "path"
 *
 * url: 服务器接口url;
 *
 * autoLogError: 是否自动记录未捕获错误;
 *
 * autoLogRejection 是否自动记录 Promise 错误;
 *
 * autoLogAjax: 是否自动记录ajax;
 *
 * encode: 是否对日志信息进行encode，默认为true，上传到SP必须进行encode
 *
 * logAjaxFilter: ajax日志过滤;
 *
 * stylize: 设置console.lo输出样式;
 *
 * showDesc: console.lo描述信息;
 *
 * customDesc: 自定义描述信息;
 *
 * interval: 日志发送周期;
 *
 * maxErrorReq: 日志发送最大试错数,错误次数超过后不再发送日志;
 *
 * customQueue: 对Post的数组日志进行额外处理
 */

export let template = [
  mock("url","method",yourTemplate)
]
// yourTemplate为mock模板或函数，函数则需要返回自定义数据，模板无效

const apiList = [...file,...yourTemplate];

{
     "type": "chrome",
     "request": "launch",
     "name": "Launch Chrome against localhost",
     "url": "http://localhost:8888",
     "webRoot": "${workspaceFolder}",
     "skipFiles": ["node_modules/**"],
     "sourceMaps": true,
     "disableNetworkCache": true,
     "breakOnLoad": true,
     "sourceMapPathOverrides": {
       "webpack:///{library}/./*": "${webRoot}/*",
       "webpack://{library}/./src/*": "${webRoot}/src/*",
       "webpack://{library}/./node_modules/*": "${webRoot}/node_modules/*",
       "meteor://💻app/*": "${webRoot}/*"
     }
 // {library}根据config进行配置

{
  "siteUrl": "https://serviceme.sharepoint.com/sites/ExamplesAndLib",
  "strategy": "UserCredentials", 
  "username": "",
  "password": ""
}
// 以上为运行示例代码时需要使用的登录信息
// strategy的值SP Online为 UserCredentials,本地版为 OnpremiseUserCredentials