vant/build/bin/build-components.js

/**
 * 编译 components 到 lib 目录
 */
const fs = require('fs-extra');
const path = require('path');
const compiler = require('vue-sfc-compiler');
const libDir = path.resolve(__dirname, '../../lib');
const srcDir = path.resolve(__dirname, '../../packages');
require('shelljs/global');

// 清空 lib 目录
fs.emptyDirSync(libDir);

// 复制 packages
fs.copySync(srcDir, libDir);

// 编译所有 .vue 文件到 .js
compileVueFiles(libDir);

// babel 编译
exec('cross-env BABEL_ENV=commonjs babel lib --out-dir lib');

function compileVueFiles(dir) {
  const files = fs.readdirSync(dir);

  files.forEach(file => {
    const absolutePath = path.resolve(dir, file);

    // 移除 vant-css
    if (file.indexOf('vant-css') !== -1) {
      fs.removeSync(absolutePath);
    }
    // 遍历文件夹
    else if (isDir(absolutePath)) {
      return compileVueFiles(absolutePath);
    }
    // 编译 .vue 文件
    else if (/\.vue$/.test(file)) {
      const source = fs.readFileSync(absolutePath, 'utf-8');
      fs.removeSync(absolutePath);

      const outputVuePath = absolutePath + '.js';
      const outputJsPath = absolutePath.replace('.vue', '.js');
      const output = fs.existsSync(outputJsPath) ? outputVuePath : outputJsPath;
      fs.outputFileSync(output, compiler(source));
    }
  });
}

function isDir(dir) {
  return fs.lstatSync(dir).isDirectory();
}