build: add rollup build

Author: posva

build/build.js

@@ -0,0 +1,80 @@
+const rollup = require('rollup').rollup
+const buble = require('rollup-plugin-buble')
+const uglify = require('uglify-js')
+const packageData = require('../package.json')
+const mkdirp = require('mkdirp')
+const { version, author, name } = packageData
+// remove the email at the end
+const authorName = author.replace(/\s+<.*/, '')
+const moduleName = 'Vuefire'
+
+// Make sure dist dir exists
+mkdirp('dist')
+
+const {
+  logError,
+  write,
+} = require('./utils')
+
+const banner =
+      '/*!\n' +
+      ` * ${name} v${version}\n` +
+      ` * (c) ${new Date().getFullYear()} ${authorName}\n` +
+      ' * Released under the MIT License.\n' +
+      ' */'
+
+const bundleOptions = {
+  banner,
+  exports: 'named',
+  format: 'umd',
+  name: moduleName,
+}
+
+function createBundle ({ name, format }) {
+  rollup({
+    input: 'src/index.js',
+    plugins: [
+      buble({
+        objectAssign: 'Object.assign',
+      }),
+    ],
+  }).then(function (bundle) {
+    const options = Object.assign({}, bundleOptions)
+    if (format) options.format = format
+    return bundle.generate(options)
+  }).then(function ({ code }) {
+    if (/min$/.test(name)) {
+      const minified = uglify.minify(code, {
+        output: {
+          preamble: banner,
+          ascii_only: true,
+        },
+      }).code
+      return write(`dist/${name}.js`, minified)
+    } else {
+      return write(`dist/${name}.js`, code)
+    }
+  }).catch(logError)
+}
+
+// Browser bundle (can be used with script)
+createBundle({
+  name,
+})
+
+// Commonjs bundle (preserves process.env.NODE_ENV) so
+// the user can replace it in dev and prod mode
+createBundle({
+  name: `${name}.esm`,
+  format: 'es',
+})
+
+createBundle({
+  name: `${name}.common`,
+  format: 'cjs',
+})
+
+// Minified version for browser
+createBundle({
+  name: `${name}.min`,
+})

build/utils/index.js

@@ -0,0 +1,7 @@
+const write = require('./write.js')
+const { logError } = require('./log.js')
+
+module.exports = {
+  write,
+  logError,
+}

build/utils/log.js

@@ -0,0 +1,27 @@
+function logError (e) {
+  console.log(e)
+}
+
+function blue (str) {
+  return `\x1b[1m\x1b[34m${str}\x1b[39m\x1b[22m`
+}
+
+function green (str) {
+  return `\x1b[1m\x1b[32m${str}\x1b[39m\x1b[22m`
+}
+
+function red (str) {
+  return `\x1b[1m\x1b[31m${str}\x1b[39m\x1b[22m`
+}
+
+function yellow (str) {
+  return `\x1b[1m\x1b[33m${str}\x1b[39m\x1b[22m`
+}
+
+module.exports = {
+  blue,
+  green,
+  red,
+  yellow,
+  logError,
+}

build/utils/write.js

@@ -0,0 +1,19 @@
+const fs = require('fs')
+
+const { blue } = require('./log.js')
+
+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))
+      resolve()
+    })
+  })
+}
+
+function getSize (code) {
+  return (code.length / 1024).toFixed(2) + 'kb'
+}
+
+module.exports = write

package-lock.json

@@ -46,7 +46,11 @@
     "cross-env": "^5.0.5",
     "cz-conventional-changelog": "^2.0.0",
     "firebase": "^4.5.0",
+    "mkdirp": "^0.5.1",
     "nyc": "^11.2.1",
+    "rollup": "^0.50.0",
+    "rollup-plugin-buble": "^0.16.0",
+    "uglify-js": "^3.1.7",
     "vue": "^2.4.4"
   },
   "config": {