diff --git a/package.json b/package.json
index a1f21abd..95162dbc 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
     "typescript": "^3.6.4"
   },
   "scripts": {
-    "start": "rollup -c --watch",
+    "start": "rollup -c rollup.config.dev.js --watch",
     "build": "npm run lint && npm run rollup",
     "lint": "eslint src/*.ts",
     "rollup": "rollup -c"
diff --git a/rollup.config.dev.js b/rollup.config.dev.js
new file mode 100644
index 00000000..c7fe4779
--- /dev/null
+++ b/rollup.config.dev.js
@@ -0,0 +1,30 @@
+import resolve from 'rollup-plugin-node-resolve';
+import typescript from 'rollup-plugin-typescript2';
+import babel from 'rollup-plugin-babel';
+import serve from 'rollup-plugin-serve';
+import { terser } from 'rollup-plugin-terser';
+
+export default {
+  input: ['src/boilerplate-card.ts'],
+  output: {
+    dir: './dist',
+    format: 'es',
+  },
+  plugins: [
+    resolve(),
+    typescript(),
+    babel({
+      exclude: 'node_modules/**',
+    }),
+    terser(),
+    serve({
+      contentBase: './dist',
+      host: '0.0.0.0',
+      port: 5000,
+      allowCrossOrigin: true,
+      headers: {
+        'Access-Control-Allow-Origin': '*',
+      },
+    }),
+  ],
+};
diff --git a/rollup.config.js b/rollup.config.js
index f14a456f..41a126ee 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,7 +1,6 @@
 import resolve from "rollup-plugin-node-resolve";
 import typescript from "rollup-plugin-typescript2";
 import babel from "rollup-plugin-babel";
-import serve from "rollup-plugin-serve";
 import { terser } from "rollup-plugin-terser";
 
 export default {
@@ -17,14 +16,5 @@ export default {
       exclude: "node_modules/**"
     }),
     terser(),
-    serve({
-      contentBase: "./dist",
-      host: "0.0.0.0",
-      port: 5000,
-      allowCrossOrigin: true,
-      headers: {
-        "Access-Control-Allow-Origin": "*"
-      }
-    })
   ]
 };