如何定制化开发 Serverless Framework 的 Component ？

GlobalComponent:  component: 'serverless-global'  inputs:    key: value

GlobalComponent:  component: 'serverless-global'  inputs:    region: ap-beijing    ScfComponent_1:  component: '@serverless/tencent-scf'  inputs:    region: ${GlobalComponent.region}    ScfComponent_2:  component: '@serverless/tencent-scf'  inputs:    region: ${GlobalComponent.region}

// serverless.jsconst { Component } = require('@serverless/core')class MyComponent extends Component {  /*   * default (必须) : 执行命令 `$ serverless` 会运行此函数   */  async default(inputs = {}) {    return {}  }
  /*   * remove (可选) : 执行命令 `$ serverless remove` 会运行此函数， 如果在default中保存了状态，那么此处也必须要存在，否则会报错   */  async remove(inputs = {}) {    return {}  }
  /*   * others (可选)：其他功能   */  async others(inputs = {}) {    return {}  }}module.exports = MyComponent

// serverless.jsconst { Component } = require('@serverless/core')class GlobalComponent extends Component { async default(inputs = {}) {   return inputs }}module.exports = GlobalComponent

// serverless.jsconst { Component } = require('@serverless/core')const yamljs = require('yamljs')
class GlobalComponent extends Component { async getOutput(inputs = {}, output) {   const reg = /\${file\(.*?\)}/g   for (const key in inputs) {     const regResult = reg.exec(inputs[key])     if (regResult) {       const inputPath = inputs[key].slice(7, -2)       // const file = inputPath[0] == '/' ? inputPath : path.join(process.cwd(), inputPath)       const yaml = yamljs.load(inputPath)       const jsonStr = JSON.stringify(yaml)       const jsonTemp = JSON.parse(jsonStr, null)       if (jsonTemp) {         output[key] = await this.getOutput(jsonTemp, {})       }     } else {       output[key] = inputs[key]     }   }   return output }
 async default(inputs = {}) {   const output = {}   await this.getOutput(inputs, output)   return output }}
module.exports = GlobalComponent

this.state = {}await this.save()

const othersComponent = await this.load('@serverless/tencent-scf', 'scf-component');