vant/build/bin/build-components.js

/**
 * Compile components
 */
const fs = require('fs-extra');
const path = require('path');
const compiler = require('vue-sfc-compiler');
const esDir = path.join(__dirname, '../../es');
const libDir = path.join(__dirname, '../../lib');
const srcDir = path.join(__dirname, '../../packages');
const babel = require('babel-core');
const compilerOption = {
  babel: {
    extends: path.join(__dirname, '../../.babelrc')
  }
};
const whiteList = ['vant-css', 'test', 'demo'];

// clear dir
fs.emptyDirSync(esDir);
fs.emptyDirSync(libDir);

// copy packages
fs.copySync(srcDir, esDir);

compile(esDir);

function compile(dir, jsOnly = false) {
  const files = fs.readdirSync(dir);

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

    // 移除不需要的文件
    if (whiteList.indexOf(file) !== -1) {
      fs.removeSync(absolutePath);
      // 遍历文件夹
    } else if (isDir(absolutePath)) {
      return compile(absolutePath);
      // 编译 .vue 文件
    } else if (/\.vue$/.test(file) && !jsOnly) {
      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, compilerOption).js);
    } else if (/\.js$/.test(file)) {
      const { code } = babel.transformFileSync(absolutePath, compilerOption.babel);
      fs.outputFileSync(absolutePath, code);
    }
  });
}

process.env.BABEL_ENV = 'commonjs';
fs.copySync(esDir, libDir);
compile(libDir);

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