4 files changed, 29 insertions, 7 deletions

diff --git a/packages/theme/package.json b/packages/theme/package.json
index 0bc0423bf..8b4cb8ef6 100644
--- a/packages/theme/package.json
+++ b/packages/theme/package.json
@@ -6,9 +6,6 @@
   "homepage": "https://github.com/meetfranz/franz",
   "license": "Apache-2.0",
   "main": "lib/index.js",
-  "files": [
-    "lib/**/*"
-  ],
   "publishConfig": {
     "access": "public"
   },
@@ -17,8 +14,8 @@
     "url": "git+https://github.com/meetfranz/franz.git"
   },
   "scripts": {
-    "dev": "tsc -w",
-    "prepare": "tsc",
+    "dev": "NODE_ENV=development ../../node_modules/.bin/webpack -w",
+    "prepare": "../../node_modules/.bin/webpack",
     "preprepare": "npm run test",
     "test": "npx mocha"
   },
diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts
index 7eac5a3c3..3c17d03ae 100644
--- a/packages/theme/src/themes/dark/index.ts
+++ b/packages/theme/src/themes/dark/index.ts
@@ -1,4 +1,4 @@
-import color from 'color';
+import * as color from 'color';
 
 import * as legacyStyles from '../legacy';
 
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts
index b22730413..f7d58a375 100644
--- a/packages/theme/src/themes/default/index.ts
+++ b/packages/theme/src/themes/default/index.ts
@@ -1,4 +1,4 @@
-import color from 'color';
+import * as color from 'color';
 
 import * as legacyStyles from '../legacy';
 
diff --git a/packages/theme/webpack.config.js b/packages/theme/webpack.config.js
new file mode 100644
index 000000000..f7311109d
--- /dev/null
+++ b/packages/theme/webpack.config.js
@@ -0,0 +1,25 @@
+const path = require('path');
+
+console.log(__dirname);
+
+module.exports = {
+  context: __dirname,
+  entry: path.join(__dirname, '/src/index.ts'),
+  output: {
+    filename: 'index.js',
+    path: path.join(__dirname, 'lib'),
+    libraryTarget: 'commonjs2',
+  },
+  module: {
+    rules: [{
+      test: /\.tsx?$/,
+      loader: 'ts-loader',
+      exclude: /node_modules/,
+    }],
+  },
+  resolve: {
+    extensions: ['.tsx', '.ts', '.js'],
+  },
+  devtool: 'inline-source-map',
+  mode: process.env.NODE_ENV === 'development' ? 'development' : 'production',
+};