[build] remove gulp

build/build-style.js

@@ -1,32 +1,61 @@
 const fs = require('fs-extra');
 const glob = require('fast-glob');
 const path = require('path');
-const gulp = require('gulp');
-const less = require('gulp-less');
-const csso = require('gulp-csso');
-const postcss = require('gulp-postcss');
+const less = require('less');
+const csso = require('csso');
+const postcss = require('postcss');
+const postcssrc = require('postcss-load-config');
+
+async function compileLess(lessCodes, paths) {
+  const outputs = await Promise.all(
+    lessCodes.map((source, index) =>
+      less.render(source, {
+        paths: [path.resolve(__dirname, 'node_modules')],
+        filename: paths[index]
+      })
+    )
+  );
+  return outputs.map(item => item.css);
+}
+
+async function compilePostcss(cssCodes, paths) {
+  const postcssConfig = await postcssrc();
+  const outputs = await Promise.all(
+    cssCodes.map((css, index) =>
+      postcss(postcssConfig.plugins).process(css, { from: paths[index] })
+    )
+  );
+
+  return outputs.map(item => item.css);
+}
+
+async function compileCsso(cssCodes) {
+  return cssCodes.map(css => csso.minify(css).css);
+}
+
+async function dest(output, paths) {
+  await Promise.all(
+    output.map((css, index) => fs.writeFile(paths[index].replace('.less', '.css'), css))
+  );
+
+  // icon.less should be replaced by compiled file
+  const iconCss = await glob(['./es/icon/*.css', './lib/icon/*.css'], { absolute: true });
+  iconCss.forEach(file => {
+    fs.copyFileSync(file, file.replace('.css', '.less'));
+  });
+}
 
 // compile component css
-gulp.task('compile', () => (
-  gulp
-    .src(['../es/**/*.less', '../lib/**/*.less'])
-    .pipe(less({
-      paths: [path.resolve(__dirname, 'node_modules')]
-    }))
-    .pipe(postcss())
-    .pipe(csso())
-    .pipe(gulp.dest(file => file.base.replace('.less', '.css')))
-));
+async function compile() {
+  let codes;
+  const paths = await glob(['./es/**/*.less', './lib/**/*.less'], { absolute: true });
 
-// icon.less should be replaced by compiled file
-gulp.task('default', ['compile'], () => (
-  glob([
-    '../es/icon/*.css',
-    '../lib/icon/*.css'
-  ]).then(files => {
-    files.forEach(file => {
-      file = path.join(__dirname, file);
-      fs.copyFileSync(file, file.replace('.css', '.less'));
-    });
-  })
-));
+  codes = await Promise.all(paths.map(path => fs.readFile(path, 'utf-8')));
+  codes = await compileLess(codes, paths);
+  codes = await compilePostcss(codes, paths);
+  codes = await compileCsso(codes);
+
+  await dest(codes, paths);
+}
+
+compile();