[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();

build/webpack.dev.js

@@ -25,10 +25,7 @@ module.exports = {
     clientLogLevel: 'warning'
   },
   resolve: {
-    extensions: ['.js', '.ts', '.tsx', '.vue', '.css'],
-    alias: {
-      packages: path.join(__dirname, '../packages')
-    }
+    extensions: ['.js', '.ts', '.tsx', '.vue', '.css']
   },
   module: {
     rules: [

package.json

@@ -20,11 +20,11 @@
     "build:entry": "node build/build-entry.js",
     "build:components": "node build/build-components.js --color",
     "build:vant": "cross-env NODE_ENV=production webpack --color --config build/webpack.build.js && cross-env NODE_ENV=production webpack -p --color --config build/webpack.build.js",
-    "build:style": "gulp --gulpfile ./build/build-style.js",
+    "build:style": "node build/build-style.js",
     "build:style-entry": "node build/build-style-entry.js",
     "build:changelog": "vant-doc changelog ./changelog.generated.md",
     "build:lib": "node build/build-lib.js",
-    "build:site": "rimraf docs/dist && cross-env NODE_ENV=production webpack --config build/webpack.doc.js && gh-pages -d docs/dist",
+    "build:site": "rm -rf docs/dist && cross-env NODE_ENV=production webpack --config build/webpack.doc.js && gh-pages -d docs/dist",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:clear-cache": "jest --clearCache",
@@ -61,8 +61,7 @@
     "@babel/runtime": "^7.4.4",
     "@vant/icons": "1.1.7",
     "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0-beta.3",
-    "vue-lazyload": "1.2.3",
-    "webpack-dev-server": "^3.3.1"
+    "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
     "vue": ">= 2.5.0"
@@ -89,14 +88,11 @@
     "codecov": "^3.3.0",
     "cross-env": "^5.2.0",
     "css-loader": "^2.1.1",
+    "csso": "^3.5.1",
     "dependency-tree": "^7.0.2",
     "eslint": "^5.16.0",
     "fast-glob": "^2.2.4",
     "gh-pages": "^2.0.1",
-    "gulp": "3.9.1",
-    "gulp-csso": "^3.0.1",
-    "gulp-less": "^4.0.1",
-    "gulp-postcss": "^8.0.0",
     "html-webpack-plugin": "3.2.0",
     "husky": "^2.2.0",
     "jest": "^24.8.0",
@@ -108,7 +104,6 @@
     "postcss": "^7.0.16",
     "postcss-loader": "^3.0.0",
     "progress-bar-webpack-plugin": "^1.12.1",
-    "rimraf": "^2.5.4",
     "shelljs": "^0.8.3",
     "signale": "^1.4.0",
     "style-loader": "^0.23.1",
@@ -126,7 +121,8 @@
     "vue-template-compiler": "2.6.10",
     "vue-template-es2015-compiler": "^1.9.1",
     "webpack": "^4.30.0",
-    "webpack-cli": "^3.3.2"
+    "webpack-cli": "^3.3.2",
+    "webpack-dev-server": "^3.3.1"
   },
   "vetur": {
     "tags": "vetur/tags.json",