feat: use sfc-compiler instead of rollup

build/bin/build-components.js

@@ -0,0 +1,37 @@
+const fs = require('fs-extra');
+const path = require('path');
+const compileVue = require('./compile-vue');
+const libDir = path.resolve(__dirname, '../../lib');
+const srcDir = path.resolve(__dirname, '../../packages');
+require('shelljs/global');
+
+fs.emptyDirSync(libDir);
+fs.copySync(srcDir, libDir);
+compileVueFiles(libDir);
+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);
+
+    if (file.indexOf('vant-css') !== -1) {
+      fs.removeSync(absolutePath);
+    } else if (isDir(absolutePath)) {
+      return compileVueFiles(absolutePath);
+    } 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, compileVue(source));
+    }
+  });
+}
+
+function isDir(dir) {
+  return fs.lstatSync(dir).isDirectory();
+}

build/bin/build-lib.js

@@ -7,8 +7,7 @@
  * 4. 构建每个组件对应的 [component].js
  * 5. 构建 vant-css
  * 6. 生成每个组件目录下的 style 入口
- * 7. 编译 utils
- * 8. 打包 JS 文件：vant.js && vant.min.js
+ * 7. 打包 JS 文件：vant.js && vant.min.js
  */
 
 const fs = require('fs');
@@ -17,32 +16,27 @@ const components = require('../../components.json');
 const chalk = require('chalk');
 require('shelljs/global');
 
-// 1. clean dir
-log('Starting', 'clean');
-exec('npm run clean --silent');
-log('Finished', 'clean');
+// 1. lint 
+log('Starting', 'lint');
+exec('npm run lint --silent');
+log('Finished', 'lint');
 
 // 2. build entry
 log('Starting', 'build:entry');
 exec('npm run build:file --silent');
 log('Finished', 'build:entry');
 
-// 3. lint 
-log('Starting', 'lint');
-exec('npm run lint --silent');
-log('Finished', 'lint');
-
-// 4. build [component].js
+// 3. build [component].js
 log('Starting', 'build:component');
 exec('npm run build:components --silent');
 log('Finished', 'build:component');
 
-// 5. build vant-css
+// 4. build vant-css
 log('Starting', 'build:vant-css');
 exec('npm run build:vant-css --silent');
 log('Finished', 'build:vant-css');
 
-// 6. build style entrys
+// 5. build style entrys
 log('Starting', 'build:style-entries');
 Object.keys(components).forEach((componentName) => {
   const dir = path.join(__dirname, '../../lib/', componentName, '/style');
@@ -57,18 +51,11 @@ Object.keys(components).forEach((componentName) => {
 });
 log('Finished', 'build:style-entries');
 
-// 7. build utils 
-log('Starting', 'build:utils');
-exec('cross-env BABEL_ENV=utils babel packages/utils --out-dir lib/utils');
-exec('cross-env BABEL_ENV=utils babel packages/mixins --out-dir lib/mixins');
-log('Finished', 'build:utils');
-
-// 8. build vant.js 
+// 6. build vant.js 
 log('Starting', 'build:vant');
 exec('npm run build:vant --silent');
 log('Finished', 'build:vant');
 
-
 // helpers
 function log(status, action, breakLine) {
   const now = new Date();