Write css async

Update console output to be more like webpack

Author: thgh

config/build.js

@@ -19,6 +19,7 @@ fs.writeFileSync('src/index.js', main);
 // and used by bundlers like Webpack and Browserify.
 rollup.rollup({
         entry: 'src/index.js',
+        onwarn: function () {},
         plugins: [
             buble()
         ]
@@ -35,20 +36,22 @@ function write(dest, code) {
     return new Promise(function (resolve, reject) {
         fs.writeFile(dest, code, function (err) {
             if (err) return reject(err)
-            console.log(blue(dest) + ' ' + getSize(code))
+            console.log('Rolled', green(dest), getSize(code.length))
             resolve()
         })
     })
 }
 
-function getSize(code) {
-    return (code.length / 1024).toFixed(2) + 'kb'
+function getSize (bytes) {
+  bytes /= 1024
+  return bytes < 1000 ? bytes.toPrecision(3) + ' kB' : (bytes / 1024).toPrecision(3) + ' MB'
 }
 
 function logError(e) {
     console.log(e)
 }
 
-function blue(str) {
-    return '\x1b[1m\x1b[34m' + str + '\x1b[39m\x1b[22m'
+function green (str) {
+  return '\u001b[1m\u001b[32m' + str + '\u001b[39m\u001b[22m'
 }
+

dist/rollup-plugin-vue.common.js

@@ -7,7 +7,6 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var humanSize = _interopDefault(require('human-size'));
 var rollupPluginutils = require('rollup-pluginutils');
 var fs = require('fs');
 var deIndent = _interopDefault(require('de-indent'));
@@ -172,6 +171,9 @@ function vue (options) {
       return ref.js
     },
     ongenerate: function ongenerate (opts) {
+      if (options.css === false) {
+        return
+      }
 
       // Combine all stylesheets
       var css = ''
@@ -193,10 +195,27 @@ function vue (options) {
         options.css = dest + '.css'
       }
 
-      console.log('Writing', humanSize(css.length), 'to', options.css)
-      fs.writeFileSync(options.css, css)
+      fs.writeFile(options.css, css, function (err) {
+        if (err) {
+          throw err
+        }
+        emitted(options.css, css.length)
+      })
     }
   }
 }
 
+function emitted (text, bytes) {
+  console.log(green(text), getSize(bytes))
+}
+
+function green (text) {
+  return '\u001b[1m\u001b[32m' + text + '\u001b[39m\u001b[22m'
+}
+
+function getSize (bytes) {
+  bytes /= 1024
+  return bytes < 1000 ? bytes.toPrecision(3) + ' kB' : (bytes / 1024).toPrecision(3) + ' MB'
+}
+
 module.exports = vue;

package.json

@@ -26,7 +26,6 @@
   "dependencies": {
     "de-indent": "latest",
     "html-minifier": "latest",
-    "human-size": "^1.1.0",
     "parse5": "latest",
     "rollup-pluginutils": "latest",
     "vue-template-validator": "latest"

src/index.js

@@ -1,6 +1,5 @@
-import humanSize from 'human-size'
 import {createFilter} from 'rollup-pluginutils'
-import {writeFileSync} from 'fs'
+import {writeFile} from 'fs'
 
 import vueTransform from './vueTransform'
 
@@ -29,6 +28,9 @@ export default function vue (options = {}) {
       return ref.js
     },
     ongenerate (opts) {
+      if (options.css === false) {
+        return
+      }
 
       // Combine all stylesheets
       var css = ''
@@ -50,8 +52,25 @@ export default function vue (options = {}) {
         options.css = dest + '.css'
       }
 
-      console.log('Writing', humanSize(css.length), 'to', options.css)
-      writeFileSync(options.css, css)
+      writeFile(options.css, css, function (err) {
+        if (err) {
+          throw err
+        }
+        emitted(options.css, css.length)
+      })
     }
   }
 }
+
+function emitted (text, bytes) {
+  console.log(green(text), getSize(bytes))
+}
+
+function green (text) {
+  return '\u001b[1m\u001b[32m' + text + '\u001b[39m\u001b[22m'
+}
+
+function getSize (bytes) {
+  bytes /= 1024
+  return bytes < 1000 ? bytes.toPrecision(3) + ' kB' : (bytes / 1024).toPrecision(3) + ' MB'
+}