chore(build): improve build process

Author: thetutlage

karma.conf.js

@@ -34,14 +34,7 @@ module.exports = function (config) {
       'test/unit/*.spec.js': ['rollup']
     },
 
-    rollupPreprocessor: {
-      plugins: require('./rollup.plugins.js'),
-      output: {
-        format: 'iife',
-        name: 'WsTest',
-        sourcemap: 'inline'
-      }
-    },
+    rollupPreprocessor: require('./test/unit/rollup.config.js'),
 
     // test results reporter to use
     // possible values: 'dots', 'progress'

package-lock.json

@@ -7,7 +7,7 @@
   "browser": "dist/Ws.browser.js",
   "scripts": {
     "lint": "standard",
-    "build": "rollup -c",
+    "build": "rollup -c --umd && rollup -c --umd-production && rollup -c --esm",
     "prepublishOnly": "npm run build",
     "pretest": "npm run lint",
     "test:karma": "karma start",
@@ -26,6 +26,7 @@
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-plugin-external-helpers": "^6.22.0",
+    "babel-plugin-transform-object-assign": "^6.22.0",
     "babel-polyfill": "^6.26.0",
     "babel-preset-env": "^1.6.1",
     "cz-conventional-changelog": "^2.1.0",
@@ -40,22 +41,21 @@
     "rollup-plugin-babel": "^3.0.3",
     "rollup-plugin-commonjs": "^9.1.0",
     "rollup-plugin-node-resolve": "^3.2.0",
-    "rollup-plugin-strip": "^1.1.1",
-    "rollup-plugin-strip-code": "^0.2.5",
+    "rollup-plugin-replace": "^2.0.0",
     "rollup-plugin-uglify": "^3.0.0",
     "standard": "^11.0.1",
     "ws": "^5.0.0"
   },
   "dependencies": {
     "@adonisjs/websocket-packet": "^1.0.6",
     "emittery": "^0.3.0",
-    "extend": "^3.0.1",
     "query-string": "^6.0.0"
   },
   "standard": {
     "globals": [
       "test",
-      "group"
+      "group",
+      "QUnit"
     ]
   },
   "config": {

package.json

@@ -1,54 +1,94 @@
-import pkg from './package.json'
-import uglify from 'rollup-plugin-uglify'
-import stripCode from 'rollup-plugin-strip-code'
-import strip from 'rollup-plugin-strip'
+const pkg = require('./package')
+const basePlugins = require('./rollup.plugins.js')
 
-const plugins = require('./rollup.plugins.js')
-
-const pluginUglify = uglify()
-
-const pluginStripCode = stripCode({
-  start_comment: 'DEV',
-  end_comment: 'END_DEV'
+const pluginBabel = require('rollup-plugin-babel')({
+  ignore: /node_modules\/(!emittery).*/,
+  plugins: ['external-helpers', 'transform-object-assign'],
+  presets: [
+    [
+      'env',
+      {
+        modules: false,
+        targets: {
+          browsers: ['last 4 versions', 'safari >= 7', 'ie 11']
+        }
+      }
+    ]
+  ]
 })
 
-const pluginStrip = strip({
-  functions: ['debug']
-})
+/**
+ * UMD build
+ *
+ * @method umdBuild
+ *
+ * @return {Object}
+ */
+function umdBuild () {
+  const pluginReplace = require('rollup-plugin-replace')({
+    'process.env.NODE_ENV': JSON.stringify('development')
+  })
 
-export default [
-  {
+  return {
     input: 'index.js',
     output: {
       file: pkg.browser,
       name: 'adonis.Ws',
       format: 'umd'
     },
-    plugins
-  },
-  {
+    plugins: [pluginReplace].concat(basePlugins).concat([pluginBabel])
+  }
+}
+
+/**
+ * Umd build for production
+ *
+ * @method umdProductionBuild
+ *
+ * @return {Object}
+ */
+function umdProductionBuild () {
+  const pluginReplace = require('rollup-plugin-replace')({
+    'process.env.NODE_ENV': JSON.stringify('production')
+  })
+
+  const pluginUglify = require('rollup-plugin-uglify')()
+
+  return {
     input: 'index.js',
     output: {
-      file: `${pkg.browser.replace('.js', '.min.js')}`,
+      file: `${pkg.browser.replace(/\.js$/, '.min.js')}`,
       name: 'adonis.Ws',
       format: 'umd'
     },
-    plugins: plugins.concat([pluginStrip, pluginStripCode, pluginUglify])
-  },
-  {
+    plugins: [pluginReplace].concat(basePlugins).concat([pluginBabel, pluginUglify])
+  }
+}
+
+/**
+ * Es build
+ *
+ * @method esBuild
+ *
+ * @return {Object}
+ */
+function esBuild () {
+  return {
     input: 'index.js',
     output: {
       file: pkg.module,
       format: 'es'
     },
-    plugins
-  },
-  {
-    input: 'index.js',
-    output: {
-      file: `${pkg.module.replace('.js', '.prod.js')}`,
-      format: 'es'
-    },
-    plugins: plugins.concat([pluginStrip, pluginStripCode])
+    plugins: basePlugins.concat([pluginBabel])
   }
-]
+}
+
+const build = process.argv.slice(3)[0]
+
+if (build === '--umd') {
+  module.exports = umdBuild()
+} else if (build === '--umd-production') {
+  module.exports = umdProductionBuild()
+} else if (build === '--esm') {
+  module.exports = esBuild()
+}

rollup.config.js

@@ -1,24 +1,24 @@
+'use strict'
+
+/*
+ * adonis-websocket-client
+ *
+ * (c) Harminder Virk <virk@adonisjs.com>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+*/
+
+/**
+ * Base plugins
+ *
+ * @type {Array}
+ */
 module.exports = [
   require('rollup-plugin-node-resolve')({
     main: true,
     jsnext: true,
     browser: true
   }),
-  require('rollup-plugin-commonjs')(),
-  require('rollup-plugin-babel')({
-    exclude: 'node_modules/**',
-    plugins: ['external-helpers'],
-    presets: [
-      [
-        'env',
-        {
-          modules: false,
-          exclude: ['transform-es2015-classes'],
-          targets: {
-            browsers: ['last 4 versions', 'safari >= 7', 'ie 11']
-          }
-        }
-      ]
-    ]
-  })
+  require('rollup-plugin-commonjs')()
 ]