Benchmark Babel transform (#79)

* Add benchmark for babel transform

* Avoid doing I/O in the benchmark fn

* nit

* reorder imports

benchmark/babel.js

@@ -0,0 +1,20 @@
+import {readFileSync} from 'fs'
+import {resolve} from 'path'
+import Benchmark from 'benchmark'
+import {transform as babel} from 'babel-core'
+
+import plugin from '../src/babel'
+
+const read = path => readFileSync(resolve(__dirname, path), 'utf8')
+const fixture = read('./fixtures/babel.js')
+
+module.exports = new Benchmark({
+  name: 'Babel transform',
+  minSamples: 500,
+  fn: () => {
+    babel(fixture, {
+      babelrc: false,
+      plugins: [plugin]
+    })
+  }
+})

benchmark/fixtures/babel.js

@@ -0,0 +1,38 @@
+export const Test1 = () => (
+  <div>
+    <span>test</span>
+    <span>test</span>
+    <p></p><p></p><p></p><p></p><p></p><p></p><p></p>
+    <p><span></span></p><p><span></span></p><p><span></span></p>
+    <p></p><p></p><p></p><p></p><p></p><p></p><p></p>
+    <p><span></span></p><p><span></span></p><p><span></span></p>
+    <p></p><p></p><p></p><p></p><p></p><p></p><p></p>
+    <p><span></span></p><p><span></span></p><p><span></span></p>
+    <Component />
+    <style jsx>{`
+      span { color: red; }
+      p { color: red; }
+    `}</style>
+  </div>
+)
+
+export const Test2 = () => <span>test</span>
+
+export default class {
+  render() {
+    return (
+      <div>
+        <p>test</p>
+        <style jsx>{`
+          p { color: red; }
+        `}</style>
+        <style jsx>{`
+          p { color: red; }
+        `}</style>
+        <style jsx>{`
+          p { color: red; }
+        `}</style>
+      </div>
+    )
+  }
+}

gulpfile.babel.js

@@ -5,6 +5,7 @@ import gulp from 'gulp'
 import babel from 'gulp-babel'
 import {transformFile} from 'babel-core'
 import size from 'human-size'
+import benchmark from 'gulp-benchmark'
 
 gulp.task('transpile', () => {
   gulp.src('src/**/*.js')
@@ -41,5 +42,13 @@ gulp.task('runtime-size', async () => {
   }
 })
 
-gulp.task('watch', () => gulp.watch('src/*', ['transpile']))
+gulp.task('benchmark', () => {
+  gulp.src('*.js', {read: false, cwd: './benchmark'})
+  .pipe(babel())
+  .pipe(benchmark())
+})
+gulp.task('watch', () => {
+  gulp.watch('src/*', ['transpile'])
+  gulp.watch('benchmark/*.js', ['benchmark'])
+})
 gulp.task('default', ['transpile', 'watch'])

package.json

@@ -29,8 +29,10 @@
     "babel-preset-react": "^6.16.0",
     "babel-preset-stage-3": "^6.16.0",
     "babel-register": "^6.18.0",
+    "benchmark": "^2.1.3",
     "gulp": "^3.9.1",
     "gulp-babel": "^6.1.2",
+    "gulp-benchmark": "^1.1.1",
     "human-size": "^1.1.0",
     "mz": "^2.6.0",
     "react": "^15.4.1",