feat: scss compile support custom.scss

Author: DaiQiangReal

packages/semi-scss-compile/src/utils/generateSCSSMap.ts

@@ -38,7 +38,7 @@ const generateComponentsScssMap = (foundationPath: string, iconPath?: string) =>
 
 
 const generateThemeScssMap = (themePath: string) => {
-    const fileList = ['_font.scss', '_palette.scss', 'global.scss', 'animation.scss', 'index.scss', 'local.scss', 'mixin.scss', 'variables.scss'] as const;
+    const fileList = ['_font.scss', '_palette.scss', 'global.scss', 'animation.scss', 'index.scss', 'local.scss', 'mixin.scss', 'variables.scss', 'custom.scss'] as const;
     const themeScssMap: { [key in typeof fileList[number]]?: string } = {};
     for (const fileName of fileList) {
         const scssAbsolutePath = path.join(themePath, 'scss', fileName);

packages/semi-scss-compile/src/utils/writeFile.ts

@@ -65,12 +65,28 @@ const preProcessScssMap = (scssMapOrigin: ReturnType<typeof generateScssMap>) =>
             }
         }
     }
+
+    //---- inject custom file custom.scss to component's variables.scss -----
+    const customScssRaw = scssMap.theme['custom.scss'];
+    let allCustomRaw = '';
+    if (customScssRaw) {
+        for (const componentName of Object.keys(scssMap['components'])) {
+            if (scssMap['components'][componentName]['variables.scss']) {
+                allCustomRaw+= scssMap['components'][componentName]['variables.scss']+'\n';
+            }
+        }
+        allCustomRaw+= themeLocalRaw || "";
+        allCustomRaw+="\n";
+        allCustomRaw+=customScssRaw+"\n";
+        scssMap.theme['index.scss'] += '\n'+allCustomRaw;
+    }
+
     //----- inject end -----
 
     return {
         ...{
             components: scssMap['components'],
-            theme: lodash.omit(scssMap['theme'], 'local.scss')
+            theme: lodash.omit(scssMap['theme'], 'local.scss', 'custom.scss')
         },
         index: compilerEntryContent
     };