bye bye webpack, welcome rollup

Procfile

@@ -1,2 +1,2 @@
 server: nodemon server.js
-watch: node_modules/.bin/webpack --watch
+watch: node_modules/.bin/rollup -c --watch

index.js

@@ -1,5 +1,3 @@
-require('./scss/main.scss');
-
 const client = require('frappejs/client');
 
 // start server

package.json

@@ -4,26 +4,29 @@
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
-    "autoprefixer": "^7.2.4",
     "awesomplete": "^1.1.2",
     "body-parser": "^1.18.2",
     "bootstrap": "^4.0.0",
-    "css-loader": "^0.28.8",
     "express": "^4.16.2",
     "jquery": "^3.3.1",
     "node-fetch": "^1.7.3",
-    "node-sass": "^4.7.2",
     "popper.js": "^1.12.9",
-    "postcss-loader": "^2.0.10",
-    "precss": "^2.0.0",
-    "sass-loader": "^6.0.6",
     "sqlite3": "^3.1.13",
-    "style-loader": "^0.19.1",
-    "walk": "^2.3.9",
-    "webpack": "^3.10.0",
-    "webpack-dev-server": "^2.9.7"
+    "walk": "^2.3.9"
   },
   "devDependencies": {
-    "extract-text-webpack-plugin": "^3.0.2"
+    "autoprefixer": "^7.2.4",
+    "eslint": "^4.9.0",
+    "mocha": "^4.0.1",
+    "node-sass": "^4.7.2",
+    "nodemon": "^1.14.7",
+    "precss": "^2.0.0",
+    "rollup": "^0.55.1",
+    "rollup-plugin-postcss": "^1.2.7",
+    "rollup-plugin-sass": "^0.5.3",
+    "rollup-plugin-commonjs": "^8.3.0",
+    "rollup-plugin-json": "^2.3.0",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-node-resolve": "^3.0.2"
   }
 }

rollup.config.js

@@ -0,0 +1,16 @@
+module.exports = [
+    require('frappejs/config/rollup.config.style.js'),
+    {
+        input: './index.js',
+        output: {
+			file: './js/bundle.js',
+			format: 'cjs'
+		},
+		plugins: [
+			require('rollup-plugin-commonjs')(),
+			require('rollup-plugin-json')(),
+			require('rollup-plugin-node-resolve')(),
+			require('rollup-plugin-node-builtins')()
+		]
+    }
+]

scss/main.scss

@@ -1 +0,0 @@
-@import "node_modules/frappejs/client/style/index";

webpack.config.js

@@ -1,36 +0,0 @@
-const path = require('path');
-
-module.exports = {
-    entry: './index.js',
-    devtool: 'inline-source-map',
-    output: {
-        filename: './js/bundle.js',
-        publicPath: '/'
-    },
-    module: {
-        rules: [{
-            test: /\.scss$/,
-            use: [
-                {
-                    loader: 'style-loader'
-                },
-                {
-                    loader: 'css-loader'
-                },
-                {
-                    loader: 'postcss-loader', // Run post css actions
-                    options: {
-                        plugins: function () { // post css plugins, can be exported to postcss.config.js
-                            return [
-                                require('precss'),
-                                require('autoprefixer')
-                            ];
-                        }
-                    },
-                },
-                {
-                    loader: "sass-loader", // compiles Sass to CSS
-                }]
-        }]
-    }
-};