@douyinfe/semi-scss-compile 2.1.0-alpha.1 → 2.1.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -18
- package/lib/bin.js +4 -6
- package/lib/bin.js.map +1 -1
- package/lib/index.d.ts +1 -5
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/utils/generateSCSSMap.d.ts +1 -1
- package/lib/utils/generateSCSSMap.js +5 -14
- package/lib/utils/generateSCSSMap.js.map +1 -1
- package/package.json +4 -5
- package/src/bin.ts +4 -6
- package/src/index.ts +2 -6
- package/src/utils/generateSCSSMap.ts +5 -17
package/README.md
CHANGED
|
@@ -15,11 +15,11 @@ There are mainly the following two usage scenarios:
|
|
|
15
15
|
```shell
|
|
16
16
|
npm i -g @douyinfe/semi-scss-compile
|
|
17
17
|
|
|
18
|
-
semi-build-scss --foundation="path/to/foundation" --theme="path/to/theme" --
|
|
18
|
+
semi-build-scss --foundation="path/to/foundation" --theme="path/to/theme" --output="path/to/output.css" --min=true
|
|
19
19
|
|
|
20
20
|
# or for short
|
|
21
21
|
|
|
22
|
-
semi-build-scss -f "path/to/foundation" -t "path/to/theme" -
|
|
22
|
+
semi-build-scss -f "path/to/foundation" -t "path/to/theme" -o "path/to/output.css" -m true
|
|
23
23
|
|
|
24
24
|
```
|
|
25
25
|
|
|
@@ -36,21 +36,9 @@ function resolve(dir) {
|
|
|
36
36
|
|
|
37
37
|
//eg
|
|
38
38
|
|
|
39
|
-
compile({
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
iconPath: resolve('node_modules/@douyinfe/semi-icons'),
|
|
43
|
-
outputPath:resolve('semi-ui/dist/css/semi.min.css'),
|
|
44
|
-
isMin:true
|
|
45
|
-
})
|
|
46
|
-
|
|
47
|
-
compile({
|
|
48
|
-
foundationPath:resolve('semi-foundation/'),
|
|
49
|
-
themePath:resolve('semi-theme-default/'),
|
|
50
|
-
iconPath: resolve('node_modules/@douyinfe/semi-icons'),
|
|
51
|
-
outputPath:resolve('semi-ui/dist/css/semi.css'),
|
|
52
|
-
isMin:false
|
|
53
|
-
})
|
|
39
|
+
compile(resolve('semi-foundation/'), resolve('semi-theme-default/'), resolve('semi-ui/dist/css/semi.min.css'), {isMin: true})
|
|
40
|
+
compile(resolve('semi-foundation/'), resolve('semi-theme-default/'), resolve('semi-ui/dist/css/semi.css'), {isMin: false})
|
|
41
|
+
|
|
54
42
|
```
|
|
55
43
|
|
|
56
44
|
### Advanced API
|
|
@@ -60,7 +48,7 @@ const {generateScssMap, writeFile, compilerFromScssMap} = require('@douyinfe/sem
|
|
|
60
48
|
const fs = require('fs-extra');
|
|
61
49
|
|
|
62
50
|
const isMin = false;
|
|
63
|
-
const scssMap = generateScssMap("path/to/foundation", "path/to/theme"
|
|
51
|
+
const scssMap = generateScssMap("path/to/foundation", "path/to/theme");
|
|
64
52
|
const tempDir = writeFile(scssMap)
|
|
65
53
|
const result = compilerFromScssMap(path.join(tempDir, 'index.scss'), isMin);
|
|
66
54
|
fs.outputFileSync(outputPath, result.css);
|
package/lib/bin.js
CHANGED
|
@@ -11,19 +11,17 @@ const main = () => {
|
|
|
11
11
|
"--foundation": String,
|
|
12
12
|
"--theme": String,
|
|
13
13
|
"--output": String,
|
|
14
|
-
"--icon": String,
|
|
15
14
|
"--min": Boolean,
|
|
16
15
|
"-f": "--foundation",
|
|
17
16
|
"-t": "--theme",
|
|
18
|
-
"-i": "--icon",
|
|
19
17
|
"-o": "--output",
|
|
20
18
|
"-m": "--min"
|
|
21
19
|
}, { permissive: true });
|
|
22
|
-
const { "--foundation": foundationPath, '--theme': themePath, '--output': outputPath, '--
|
|
20
|
+
const { "--foundation": foundationPath, '--theme': themePath, '--output': outputPath, '--min': isMin } = userArgs;
|
|
23
21
|
console.log(`foundationPath: ${foundationPath},\nthemePath: ${themePath},\noutputPath: ${outputPath}\n`);
|
|
24
|
-
if (foundationPath && themePath &&
|
|
25
|
-
(0, index_1.compile)({
|
|
26
|
-
|
|
22
|
+
if (foundationPath && themePath && outputPath) {
|
|
23
|
+
(0, index_1.compile)(foundationPath, themePath, outputPath, {
|
|
24
|
+
isMin
|
|
27
25
|
});
|
|
28
26
|
}
|
|
29
27
|
else {
|
package/lib/bin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bin.js","sourceRoot":"","sources":["../src/bin.ts"],"names":[],"mappings":";;;;;;AAEA,8CAAsB;AACtB,mCAAgC;AAEhC,MAAM,IAAI,GAAG,GAAG,EAAE;IACd,MAAM,QAAQ,GAAG,IAAA,aAAG,EAAC;QACjB,cAAc,EAAE,MAAM;QACtB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,MAAM;QAClB,
|
|
1
|
+
{"version":3,"file":"bin.js","sourceRoot":"","sources":["../src/bin.ts"],"names":[],"mappings":";;;;;;AAEA,8CAAsB;AACtB,mCAAgC;AAEhC,MAAM,IAAI,GAAG,GAAG,EAAE;IACd,MAAM,QAAQ,GAAG,IAAA,aAAG,EAAC;QACjB,cAAc,EAAE,MAAM;QACtB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,OAAO;QAEhB,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,OAAO;KAChB,EAAE,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC;IACvB,MAAM,EAAC,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAC,GAAG,QAAQ,CAAC;IAChH,OAAO,CAAC,GAAG,CAAC,mBAAmB,cAAc,iBAAiB,SAAS,kBAAkB,UAAU,IAAI,CAAC,CAAC;IACzG,IAAI,cAAc,IAAI,SAAS,IAAI,UAAU,EAAE;QAC3C,IAAA,eAAO,EAAC,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE;YAC3C,KAAK;SACR,CAAC,CAAC;KACN;SAAM;QACH,OAAO,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAA;KACxC;AACL,CAAC,CAAA;AAED,IAAI,EAAE,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -2,11 +2,7 @@ import generateScssMap from "./utils/generateSCSSMap";
|
|
|
2
2
|
import writeFile from "./utils/writeFile";
|
|
3
3
|
import compilerFromScssMap from "./utils/compiler";
|
|
4
4
|
export interface Options {
|
|
5
|
-
foundationPath: string;
|
|
6
|
-
themePath: string;
|
|
7
|
-
iconPath: string;
|
|
8
|
-
outputPath: string;
|
|
9
5
|
isMin?: boolean;
|
|
10
6
|
}
|
|
11
|
-
declare const compile: (
|
|
7
|
+
declare const compile: (foundationPath: string, themePath: string, outputPath: string, { isMin }?: Options) => void;
|
|
12
8
|
export { compile, generateScssMap, compilerFromScssMap, writeFile };
|
package/lib/index.js
CHANGED
|
@@ -12,8 +12,8 @@ const compiler_1 = __importDefault(require("./utils/compiler"));
|
|
|
12
12
|
exports.compilerFromScssMap = compiler_1.default;
|
|
13
13
|
const path_1 = __importDefault(require("path"));
|
|
14
14
|
const fs_extra_1 = __importDefault(require("fs-extra"));
|
|
15
|
-
const compile = (
|
|
16
|
-
const scssMap = (0, generateSCSSMap_1.default)(foundationPath, themePath
|
|
15
|
+
const compile = (foundationPath, themePath, outputPath, { isMin = false } = {}) => {
|
|
16
|
+
const scssMap = (0, generateSCSSMap_1.default)(foundationPath, themePath);
|
|
17
17
|
const tempDir = (0, writeFile_1.default)(scssMap);
|
|
18
18
|
const result = (0, compiler_1.default)(path_1.default.join(tempDir, 'index.scss'), isMin);
|
|
19
19
|
fs_extra_1.default.outputFileSync(outputPath, result.css);
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,8EAAsD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,8EAAsD;AAqBlD,0BArBG,yBAAe,CAqBH;AApBnB,kEAA0C;AAsBtC,oBAtBG,mBAAS,CAsBH;AArBb,gEAAmD;AAoB/C,8BApBG,kBAAmB,CAoBH;AAnBvB,gDAAwB;AACxB,wDAA0B;AAO1B,MAAM,OAAO,GAAG,CAAC,cAAsB,EAAE,SAAiB,EAAE,UAAkB,EAAE,EAAC,KAAK,GAAG,KAAK,KAAa,EAAE,EAAE,EAAE;IAC7G,MAAM,OAAO,GAAG,IAAA,yBAAe,EAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAA,mBAAS,EAAC,OAAO,CAAC,CAAA;IAClC,MAAM,MAAM,GAAG,IAAA,kBAAmB,EAAC,cAAI,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,EAAE,KAAK,CAAC,CAAC;IAC5E,kBAAE,CAAC,cAAc,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;AAC9C,CAAC,CAAA;AAIG,0BAAO"}
|
|
@@ -7,7 +7,7 @@ const path_1 = __importDefault(require("path"));
|
|
|
7
7
|
const fs_extra_1 = __importDefault(require("fs-extra"));
|
|
8
8
|
const lodash_1 = require("lodash");
|
|
9
9
|
const lodash = { set: lodash_1.set };
|
|
10
|
-
const generateComponentsScssMap = (foundationPath
|
|
10
|
+
const generateComponentsScssMap = (foundationPath) => {
|
|
11
11
|
const foundationComponentList = fs_extra_1.default.readdirSync(foundationPath);
|
|
12
12
|
const componentScssMap = {};
|
|
13
13
|
foundationComponentList.forEach(fileName => {
|
|
@@ -17,20 +17,11 @@ const generateComponentsScssMap = (foundationPath, iconPath) => {
|
|
|
17
17
|
const componentPath = fileAbsolutePath;
|
|
18
18
|
const scssFileList = fs_extra_1.default.readdirSync(componentPath).filter((fileName) => fileName.endsWith('.scss'));
|
|
19
19
|
scssFileList.forEach(scssFileName => {
|
|
20
|
-
|
|
21
|
-
scssRaw = `\n\n//----${fileName}/${scssFileName} start-----\n` + scssRaw + `\n\n//----${fileName}/${scssFileName} end-----\n`;
|
|
20
|
+
const scssRaw = fs_extra_1.default.readFileSync(path_1.default.join(componentPath, scssFileName), { encoding: 'utf-8' });
|
|
22
21
|
lodash.set(componentScssMap, [fileName, scssFileName], scssRaw);
|
|
23
22
|
});
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
|
-
//for react icon
|
|
27
|
-
const stylePath = path_1.default.join(iconPath, 'src', 'styles');
|
|
28
|
-
const scssFileList = fs_extra_1.default.readdirSync(stylePath).filter((fileName) => fileName.endsWith('.scss'));
|
|
29
|
-
scssFileList.forEach(scssFileName => {
|
|
30
|
-
let scssRaw = fs_extra_1.default.readFileSync(path_1.default.join(stylePath, scssFileName), { encoding: 'utf-8' });
|
|
31
|
-
scssRaw = `\n\n//----${stylePath}/${scssFileName} start-----\n` + scssRaw + `\n\n//----${stylePath}/${scssFileName} end-----\n`;
|
|
32
|
-
lodash.set(componentScssMap, ['icons', scssFileName], scssRaw);
|
|
33
|
-
});
|
|
34
25
|
return componentScssMap;
|
|
35
26
|
};
|
|
36
27
|
const generateThemeScssMap = (themePath) => {
|
|
@@ -46,10 +37,10 @@ const generateThemeScssMap = (themePath) => {
|
|
|
46
37
|
// console.log(themeScssMap)
|
|
47
38
|
return themeScssMap;
|
|
48
39
|
};
|
|
49
|
-
const generateScssMap = (foundationPath, themePath
|
|
40
|
+
const generateScssMap = (foundationPath, themePath) => {
|
|
50
41
|
return {
|
|
51
|
-
components: generateComponentsScssMap(foundationPath
|
|
52
|
-
theme: generateThemeScssMap(themePath)
|
|
42
|
+
components: generateComponentsScssMap(foundationPath),
|
|
43
|
+
theme: generateThemeScssMap(themePath)
|
|
53
44
|
};
|
|
54
45
|
};
|
|
55
46
|
exports.default = generateScssMap;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateSCSSMap.js","sourceRoot":"","sources":["../../src/utils/generateSCSSMap.ts"],"names":[],"mappings":";;;;;AAAA,gDAAwB;AACxB,wDAA0B;AAC1B,mCAA2B;AAE3B,MAAM,MAAM,GAAG,EAAC,GAAG,EAAH,YAAG,EAAC,CAAC;AAErB,MAAM,yBAAyB,GAAG,CAAC,cAAsB,EAAE,
|
|
1
|
+
{"version":3,"file":"generateSCSSMap.js","sourceRoot":"","sources":["../../src/utils/generateSCSSMap.ts"],"names":[],"mappings":";;;;;AAAA,gDAAwB;AACxB,wDAA0B;AAC1B,mCAA2B;AAE3B,MAAM,MAAM,GAAG,EAAC,GAAG,EAAH,YAAG,EAAC,CAAC;AAErB,MAAM,yBAAyB,GAAG,CAAC,cAAsB,EAAE,EAAE;IACzD,MAAM,uBAAuB,GAAG,kBAAE,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC/D,MAAM,gBAAgB,GAAoE,EAAE,CAAC;IAC7F,uBAAuB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QACvC,MAAM,gBAAgB,GAAG,cAAI,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QAC7D,IAAI,kBAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,kBAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,WAAW,EAAE,EAAE;YAChF,qBAAqB;YACrB,MAAM,aAAa,GAAG,gBAAgB,CAAC;YACvC,MAAM,YAAY,GAAG,kBAAE,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;YACpG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;gBAChC,MAAM,OAAO,GAAG,kBAAE,CAAC,YAAY,CAAC,cAAI,CAAC,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,CAAC,CAAC;gBAC7F,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;YACpE,CAAC,CAAC,CAAA;SACL;IACL,CAAC,CAAC,CAAC;IACH,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAA;AAGD,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC/C,MAAM,QAAQ,GAAG,CAAC,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAAU,CAAC;IACrI,MAAM,YAAY,GAAkD,EAAE,CAAA;IACtE,KAAK,MAAM,QAAQ,IAAI,QAAQ,EAAE;QAC7B,MAAM,gBAAgB,GAAG,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAChE,IAAI,kBAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;YACjC,iBAAiB;YACjB,YAAY,CAAC,QAAQ,CAAC,GAAG,kBAAE,CAAC,YAAY,CAAC,gBAAgB,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAC,CAAC,CAAC;SAClF;KACJ;IACD,4BAA4B;IAC5B,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,cAAsB,EAAE,SAAiB,EAAE,EAAE;IAClE,OAAO;QACH,UAAU,EAAE,yBAAyB,CAAC,cAAc,CAAC;QACrD,KAAK,EAAE,oBAAoB,CAAC,SAAS,CAAC;KACzC,CAAA;AACL,CAAC,CAAA;AAED,kBAAe,eAAe,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-scss-compile",
|
|
3
|
-
"version": "2.1.0-
|
|
3
|
+
"version": "2.1.0-beta.3",
|
|
4
4
|
"description": "compile semi scss to css",
|
|
5
5
|
"author": "daiqiang@bytedance.com",
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
"scss"
|
|
19
19
|
],
|
|
20
20
|
"scripts": {
|
|
21
|
-
"build:lib": "
|
|
22
|
-
"prepublishOnly": "npm run build:lib"
|
|
21
|
+
"build:lib": "tsc",
|
|
22
|
+
"prepublishOnly": "rm -rf lib && npm run build:lib"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"arg": "^5.0.1",
|
|
@@ -30,8 +30,7 @@
|
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@types/lodash": "^4.14.176",
|
|
32
32
|
"@types/sass": "^1.43.0",
|
|
33
|
-
"rimraf": "^3.0.2",
|
|
34
33
|
"typescript": "^4.4.4"
|
|
35
34
|
},
|
|
36
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "e0c6552e86f1f87724110cfcf2e70609eb407a3e"
|
|
37
36
|
}
|
package/src/bin.ts
CHANGED
|
@@ -8,20 +8,18 @@ const main = () => {
|
|
|
8
8
|
"--foundation": String,
|
|
9
9
|
"--theme": String,
|
|
10
10
|
"--output": String,
|
|
11
|
-
"--icon":String,
|
|
12
11
|
"--min": Boolean,
|
|
13
12
|
|
|
14
13
|
"-f": "--foundation",
|
|
15
14
|
"-t": "--theme",
|
|
16
|
-
"-i":"--icon",
|
|
17
15
|
"-o": "--output",
|
|
18
16
|
"-m": "--min"
|
|
19
17
|
}, {permissive: true});
|
|
20
|
-
const {"--foundation": foundationPath, '--theme': themePath, '--output': outputPath,'--
|
|
18
|
+
const {"--foundation": foundationPath, '--theme': themePath, '--output': outputPath, '--min': isMin} = userArgs;
|
|
21
19
|
console.log(`foundationPath: ${foundationPath},\nthemePath: ${themePath},\noutputPath: ${outputPath}\n`);
|
|
22
|
-
if (foundationPath && themePath &&
|
|
23
|
-
compile({
|
|
24
|
-
|
|
20
|
+
if (foundationPath && themePath && outputPath) {
|
|
21
|
+
compile(foundationPath, themePath, outputPath, {
|
|
22
|
+
isMin
|
|
25
23
|
});
|
|
26
24
|
} else {
|
|
27
25
|
console.error('Error: lack of args.')
|
package/src/index.ts
CHANGED
|
@@ -6,15 +6,11 @@ import fs from 'fs-extra';
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
export interface Options {
|
|
9
|
-
foundationPath: string,
|
|
10
|
-
themePath: string,
|
|
11
|
-
iconPath: string,
|
|
12
|
-
outputPath: string
|
|
13
9
|
isMin?: boolean,
|
|
14
10
|
}
|
|
15
11
|
|
|
16
|
-
const compile = (
|
|
17
|
-
const scssMap = generateScssMap(foundationPath, themePath
|
|
12
|
+
const compile = (foundationPath: string, themePath: string, outputPath: string, {isMin = false}: Options = {}) => {
|
|
13
|
+
const scssMap = generateScssMap(foundationPath, themePath);
|
|
18
14
|
const tempDir = writeFile(scssMap)
|
|
19
15
|
const result = compilerFromScssMap(path.join(tempDir, 'index.scss'), isMin);
|
|
20
16
|
fs.outputFileSync(outputPath, result.css);
|
|
@@ -4,7 +4,7 @@ import {set} from 'lodash';
|
|
|
4
4
|
|
|
5
5
|
const lodash = {set};
|
|
6
6
|
|
|
7
|
-
const generateComponentsScssMap = (foundationPath: string
|
|
7
|
+
const generateComponentsScssMap = (foundationPath: string) => {
|
|
8
8
|
const foundationComponentList = fs.readdirSync(foundationPath);
|
|
9
9
|
const componentScssMap: { [componentName: string]: { [scssFileName: string]: string } } = {};
|
|
10
10
|
foundationComponentList.forEach(fileName => {
|
|
@@ -14,22 +14,11 @@ const generateComponentsScssMap = (foundationPath: string, iconPath: string) =>
|
|
|
14
14
|
const componentPath = fileAbsolutePath;
|
|
15
15
|
const scssFileList = fs.readdirSync(componentPath).filter((fileName) => fileName.endsWith('.scss'));
|
|
16
16
|
scssFileList.forEach(scssFileName => {
|
|
17
|
-
|
|
18
|
-
scssRaw = `\n\n//----${fileName}/${scssFileName} start-----\n` + scssRaw + `\n\n//----${fileName}/${scssFileName} end-----\n`
|
|
17
|
+
const scssRaw = fs.readFileSync(path.join(componentPath, scssFileName), {encoding: 'utf-8'});
|
|
19
18
|
lodash.set(componentScssMap, [fileName, scssFileName], scssRaw);
|
|
20
19
|
})
|
|
21
20
|
}
|
|
22
21
|
});
|
|
23
|
-
|
|
24
|
-
//for react icon
|
|
25
|
-
const stylePath = path.join(iconPath, 'src', 'styles');
|
|
26
|
-
const scssFileList = fs.readdirSync(stylePath).filter((fileName) => fileName.endsWith('.scss'));
|
|
27
|
-
scssFileList.forEach(scssFileName => {
|
|
28
|
-
let scssRaw = fs.readFileSync(path.join(stylePath, scssFileName), {encoding: 'utf-8'});
|
|
29
|
-
scssRaw = `\n\n//----${stylePath}/${scssFileName} start-----\n` + scssRaw + `\n\n//----${stylePath}/${scssFileName} end-----\n`
|
|
30
|
-
lodash.set(componentScssMap, ['icons', scssFileName], scssRaw);
|
|
31
|
-
})
|
|
32
|
-
|
|
33
22
|
return componentScssMap;
|
|
34
23
|
}
|
|
35
24
|
|
|
@@ -48,11 +37,10 @@ const generateThemeScssMap = (themePath: string) => {
|
|
|
48
37
|
return themeScssMap;
|
|
49
38
|
};
|
|
50
39
|
|
|
51
|
-
|
|
52
|
-
const generateScssMap = (foundationPath: string, themePath: string, iconPath: string) => {
|
|
40
|
+
const generateScssMap = (foundationPath: string, themePath: string) => {
|
|
53
41
|
return {
|
|
54
|
-
components: generateComponentsScssMap(foundationPath
|
|
55
|
-
theme: generateThemeScssMap(themePath)
|
|
42
|
+
components: generateComponentsScssMap(foundationPath),
|
|
43
|
+
theme: generateThemeScssMap(themePath)
|
|
56
44
|
}
|
|
57
45
|
}
|
|
58
46
|
|