feat: add styles on demand

Author: ProfBramble

.eslintignore

@@ -7,4 +7,5 @@ npm-debug.log
 debug.log
 yarn-error.log
 package-lock.json
-dist/
+dist/
+gulpfile.js

gulpfile.js

@@ -0,0 +1,22 @@
+const {src, dest,series} = require('gulp');
+const through = require('through2');
+const sass=require('gulp-sass');
+function outputStyleTask () {
+  return src(['src/components/**/*.scss'])
+  .pipe(through.obj(function (file, _, callback) {
+    const pathName=file.relative.split('/')[0]
+    this.push(pathName)
+    callback()
+  }))
+  .on('data', (data) => {
+    convertStyles(data)
+  })
+}
+function convertStyles(data){
+  console.log('src/components/'+String(data)+'/*.scss')
+  return src(['src/components/'+String(data)+'/*.scss'])
+  .pipe(dest('lib/'+String(data)+'/style/'))
+  .pipe(sass())
+  .pipe(dest('lib/'+String(data)+'/style/'))
+}
+exports.default = outputStyleTask

tsconfig.json

@@ -1,41 +1,30 @@
 {
-    "compilerOptions": {
-        "noEmit": true, // Don't emit; allow Babel to transform files.
-        "outDir": "./dist/",
-        "baseUrl": ".",
-        "experimentalDecorators": true,
-        "noImplicitAny": false,
-        "esModuleInterop": true,
-        "allowJs": true,
-        "module": "commonjs",
-        "target": "es5",
-        "lib": [
-            "es6",
-            "es2016",
-            "dom"
-        ],
-        "jsx": "react",
-        "allowSyntheticDefaultImports": true,
-        "noUnusedLocals": false,
-        "importHelpers": true,
-        "paths": {},
-        "skipLibCheck": true,
-        "typeRoots": [
-            "node",
-            "node_modules/@types",
-            "./typings"
-        ],
-    },
-    "exclude": [
-        "node_modules",
-        "dist",
-        "lib",
-        "storybook-static",
-        "src/public/**/*"
-    ],
-    "include": [
-        "./**/*.ts",
-        "./**/*.tsx",
-        "src/**/*"
-    ]
-}
+  "compilerOptions": {
+    "noEmit": true, // Don't emit; allow Babel to transform files.
+    "outDir": "./dist/",
+    "baseUrl": ".",
+    "experimentalDecorators": true,
+    "noImplicitAny": false,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "module": "commonjs",
+    "target": "es5",
+    "lib": ["es6", "es2016", "dom"],
+    "jsx": "react",
+    "allowSyntheticDefaultImports": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "paths": {},
+    "skipLibCheck": true,
+    "typeRoots": ["node", "node_modules/@types", "./typings"]
+  },
+  "exclude": [
+    "node_modules",
+    "dist",
+    "lib",
+    "storybook-static",
+    "src/public/**/*",
+    "./gulpfile.js"
+  ],
+  "include": ["./**/*.ts", "./**/*.tsx", "src/**/*", "gulpfile.js"]
+}