Function process

scripts/themeable/custom-theme-webpack-loader.js:140–182

(source, map)

}

function process(source, map) {
  this.cacheable && this.cacheable();

  // 获取配置文件里的主题数据
  const option = getOptionsFromConfig(this);
  const themeData = getThemeDefinition(option.theme, option.themeType);
  let newSource = source;
  if (Object.keys(themeData).length > 0) {
    const themeDataVar = Object.keys(themeData).join('|');
    const reg = new RegExp(String.raw`(?<=var\(\-\-(${themeDataVar}),)(?:.*?)(?=\))`, 'g');
    const replaceFn = (match, varName, value) => themeData[varName];
    const fallbackReg = new RegExp(String.raw`var\(\-\-(?:${themeDataVar}),(.*?)\)`, 'g');
    const fallbackFn = (match, item) => item;
    const fallbackHandler = option.handleFallBack && option.handleFallBack !== 'nothing'
      ? { reg: fallbackReg, replaceFn: fallbackFn }
      : null;

    // 处理针对文件类型定位处理的位置
    switch (option.loaderType) {
      case 'ng-lib-js':
        const styleGroup = locateNgComponentDecoratorStyleString(source);
        if (styleGroup) {
          styleGroup.map(content => ({
            content,
            newContent: JSON.stringify(
              JSON.parse(content).map(partCss => cssReplaceVarValue(partCss, reg, replaceFn, fallbackHandler, option.handleFallBack))
            )
          })).forEach(({ content, newContent }) => {
            newSource = newSource.replace(content, newContent)
          });
        }
        break;
      case 'css':
        newSource = cssReplaceVarValue(source, reg, replaceFn, fallbackHandler, option.handleFallBack);
        break;
      case 'other': // 不管源码内容直接替换, 暂不支持降级方案的处理
      default:
        newSource = source.replace(reg, replaceFn);
    }

  }

}
// 返回结果
this.callback(null, newSource, map);
return newSource;