[build] add library build config

.gitignore

@@ -1,2 +1,3 @@
 .idea/
 node_modules/
+dist/

index.js

@@ -1,5 +0,0 @@
-export { Dialog } from './src/dialog/Dialog.jsx';
-export { dialogActions } from './src/dialog/dialogActions';
-export { dialogState } from './src/dialog/dialogState';
-
-export { Overlay } from './src/overlay/Overlay.jsx';

package.json

@@ -2,10 +2,18 @@
   "name": "@mightyplow/hyperapp-components",
   "version": "1.0.0",
   "description": "A set of reusable hyperapp components",
-  "main": "index.js",
+  "main": "dist/index.js",
   "scripts": {
+    "prebuild-base": "rm -rf dist/*",
+    "build:base": "webpack",
+    "build": "npm run build:base -- --mode production",
+    "build:dev": "npm run build:base -- --mode development",
+    "dev": "npm run build:dev -- --watch",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
+  "files": [
+    "dist"
+  ],
   "repository": {
     "type": "git",
     "url": "https://git.mightyplow.net/mightyplow/hyperapp-components"
@@ -18,6 +26,14 @@
   "author": "mightyplow@gmail.com",
   "license": "ISC",
   "sideEffects": false,
-  "devDependencies": {},
+  "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-transform-react-jsx": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "babel-loader": "^8.0.2",
+    "copy-webpack-plugin": "^4.5.2",
+    "webpack": "^4.17.2",
+    "webpack-cli": "^3.1.0"
+  },
   "dependencies": {}
 }

webpack.config.js

@@ -0,0 +1,79 @@
+const path = require('path');
+const webpack = require('webpack');
+const ProvidePlugin = webpack.ProvidePlugin;
+const CopyPlugin = require('copy-webpack-plugin');
+
+const srcPath = path.join(__dirname, 'src');
+
+function externalCss (context, request, callback) {
+    if (!/\.css$/.test(request)) {
+        return callback();
+    }
+
+    const sourceFilename = path.resolve(context, request);
+    const relativeSource = path.relative(srcPath, sourceFilename);
+    const fileRequest = ['.', relativeSource].join(path.sep);
+    return callback(null, `umd ${fileRequest}`);
+}
+
+module.exports = function (_, options) {
+    return {
+        stats: 'minimal',
+
+        entry: {
+            index: path.join(__dirname, 'src', 'index.js')
+        },
+
+        output: {
+            path: path.join(__dirname, 'dist'),
+            filename: '[name].js',
+            libraryTarget: 'umd'
+        },
+
+        devtool: 'source-map',
+
+        externals: [
+            'hyperapp',
+            externalCss
+        ],
+
+        module: {
+            rules: [
+                {
+                    test: /\.jsx?$/,
+                    use: [
+                        {
+                            loader: 'babel-loader',
+                            options: {
+                                presets: [
+                                    ['@babel/preset-env', {
+                                        modules: false
+                                    }]
+                                ],
+                                plugins: [
+                                    ['@babel/plugin-transform-react-jsx', {
+                                        pragma: 'h'
+                                    }]
+                                ]
+                            }
+                        }
+                    ]
+                }
+            ]
+        },
+
+        plugins: [
+            new ProvidePlugin({
+                h: ['hyperapp', 'h']
+            }),
+
+            new CopyPlugin([
+                {
+                    from: '**/*.css',
+                    to: './',
+                    context: 'src'
+                }
+            ])
+        ]
+    };
+};