stc-plugin

Abstract plugin class for stc

属性

file

文件对象，文件包含的属性和方法见 stc-file。

options

配置选项，即 stc.config.js 里设置的调用该插件的配置。

include

插件的 include 配置。

matches

插件的 include 配置匹配到的值。

stc

stc 对象。

TokenType

HTML 和 CSS 的 Token 类型，具体见 https://github.com/welefen/flkit#tokentype。

方法

getContent(encoding)

• encoding {String | null} 文件编码，默认为 null
• return {Promise}

获取文件的内容，如果没有设置 encoding，那么获取到的为文件内容对应的 Buffer。

export default class xxxPlugin extends Plugin {
  async run(){
    let content = await this.getContent('utf8');
  }
}

setContent(content)

设置文件的内容。设置内容时，会清除掉文件已有的 AST。

该方法只能在插件的 update 方法里调用。

export default class xxxPlugin extends Plugin {
  update(content){
    this.setContent(content);
  }
}

getAst()

• return {Promise<Array | Object>}

获取文件内容对应的 AST，对于 HTML 和 CSS，获取到的是 Token 列表。

export default class xxxPlugin extends Plugin {
  async run(){
    let tokens = await this.getAst();
  }
}

setAst()

设置文件的 AST，设置 AST 时，会清除调文件的内容。

该方法只能在插件的 update 方法里调用。

export default class xxxPlugin extends Plugin {
  update(ast){
    this.setAst(ast);
  }
}

addDependence(dependencies)

给当前文件添加资源依赖。

getDependence(file)

• file 默认为当前处理的文件

获取文件的依赖。

addFile(file)

• file {String | Array}

添加一个文件到资源池中，如：多张小图片合并成一张大图片，需要将大图片添加到资源池中。

getFileByPath(filepath)

• filepath {String}
• return {stc-file}

通过路径获取 stc-file 对象。

export default class xxxPlugin extends Plugin {
  async run(){
    let file = this.getFileByPath('/resource/css/a.css');
  }
}

invokeSelf(file)

• file {String | stc-file}
• return {Promise}

对另一个文件执行当前插件。返回结果为该插件 run 方法的返回值。

export default class xxxPlugin extends Plugin {
  async run(){
    let ret = await this.invokeSelf('/resource/css/a.css');
  }
}

invokePlugin(plugin, file)

• plugin {Class}
• file {String | stc-file}
• return {Promise}

调用另一个插件。返回结果为调用插件 run 方法的返回值。

import yyyPlugin from 'stc-yyy';
 
export default class xxxPlugin extends Plugin {
  async run(){
    let ret = await this.invokePlugin(yyyPlugin, '/resource/css/a.css');
  }
}

asyncReplace(content, replace, callback)

• content {String}
• replace {RegExp}
• callback {Function}
• return {Promise}

通过正则异步替换内容，如：匹配内容中的地址，然后上传的 CDN，获取新的 URL 替换回去。

export default class xxxPlugin extends Plugin {
  async run(){
    let ret = await this.asyncReplace(content, /(\w+)\.js/, async (a, b) => {
      let url = await getRemoteUrl(a, b);
      if(url.indexOf('//') === 0){
        url = 'http:' + url;
      }
      return url;
    })
  }
}

cache(name, value)

• name {String}
• value {any}
• return {Promise}

设置或者获取缓存。

// 读取缓存
export default class xxxPlugin extends Plugin {
  async run(){
    let value = await this.cache('cacheKey');
  }
}

// 设置缓存
export default class xxxPlugin extends Plugin {
  async run(){
    let value = await this.cache('cacheKey', 'cacheData');
  }
}

插件执行过程中，每个文件之间是并行执行的，如果想让有些缓存在文件之间可以公用，可以通过下面的方式。

export default class xxxPlugin extends Plugin {
  async run(){
    let value = await this.cache('cacheKey', () => {
      // 这里是返回缓存值的具体逻辑
      return 'cacheData';
    });
  }
}

storage(name, value)

• name {String} 存储名
• value {any} 存储值

获取或者存储值，存储后一直有效。同步方法。

concurrentLimit(fn, ignoreErrorFn, limit, key)

• fn {Function} 待执行的函数
• ignoreErrorFn {Function} 出现错误后，哪些错误可以忽略的函数判断
• limit {Number} 初始限制的数量
• key {String} 默认为当前插件的名称

任务队列，避免并行任务开的太多导致报错。

this.concurrentLimit(() => {
  return execFile(opt.adapter, args);
}, err => {
  // 忽略这个错误
  if(err.code === 'EAGAIN'){
    return true;
  }
}, 10);

getContentFromUrl(url)

• url {String} 远程地址
• return {Buffer}

获取远程地址内容。

workerInvoke(method, ...args)

在子进程调用主进程的插件实例方法 method ，并传递 args。 应用场景是在子进程执行中，涉及一些资源共享的而需要原子化的操作。比如每个子进程需要获取某个字符串的全局唯一 id（hash），可以把如下 注： args 必须是可以序列化的任意类型，由于进程通讯有性能损耗，所以如果在一次里面需要多次调用 workerInvoke，可以考虑合并调用。

 
var cacheInMaster = [];
export default class xxxPlugin extends Plugin {
  async run(){
    var id;
    if(isMaster) {
      id = this.getUniqueId(someFileName);
    } else {
      id = await this.workerInvoke('getUniqueId', someFileName);
    }
  }
 
  getUniqueId(someFileName) {
    var index = cachInMaster.indexOf(someFileName);
    if(index === -1) {
      index = cachInMaster.push(someFileName);
    }
    return index;
  }
}

createToken(type, value, referToken)

创建一个 Token，具体见：https://github.com/stcjs/flkit#createtokentype-value-refertoken

createRawToke(type, value, referToken)

创建一个 Raw Token，具体见：https://github.com/stcjs/flkit#createrawtokentype-value-refertoken

fatal(message, line, column, file = this.file)

抛出一个 fatal 错误，程序不再往下执行。

this.fatal('file not exist', 1, 1);

error(message, line, column, file = this.file)

输出一条错误信息，程序继续执行。

只能在 update 方法中调用。

this.error('src value can not be blank', 1, 2);

warning(message, line, column, file = this.file)

输出一条警告信息，程序继续执行。

只能在 update 方法中调用。

notice(message, line, column, file = this.file)

输出一条提示信息，程序继续执行。

只能在 update 方法中调用。

run()

执行方法。耗时的任务在 run 里执行，然后将结果返回给 update 方法更新。

update(data)

更新方法，该方法里只能调用常用的方法，不能调用插件扩展的方法。

该方法的参数值即为 run 方法的返回值。

update(data){
  this.setAst(data);
}

静态方法

include()

设置默认的 include

export default class extends StcPlugin {
  /**
   * default include
   */
  static include(){
    return /\.js/;
  }
}

cluster()

是否开启 cluster。

export default class extends StcPlugin {
  static cluster(){
    return true;
  }
}

cache()

是否开启 cache。

export default class extends StcPlugin {
  static cache(){
    return true;
  }
}

after(files, instance)

• files 该插件匹配到的所有文件
• instance 当前插件的实例

插件对单一文件处理完后的统一处理。