a way to bundle typescript to single javascript file for browser

TipzCM · Feb 27, 2020 · 848b88a · 848b88a
1 parent 80eddd1
commit 848b88a
Show file tree

Hide file tree

Showing 8 changed files with 1,230 additions and 27 deletions.
diff --git a/greeter.d.ts b/greeter.d.ts
@@ -0,0 +1,3 @@
+export declare class Greeter {
+    greet(): void;
+}
diff --git a/index.d.ts b/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,15 +5,23 @@
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build":"rollup -c",
-    "watch":"rollup -cw"
+    "build": "rollup -c",
+    "watch": "rollup -cw"
   },
   "author": "leif stawnyczy",
   "license": "MIT",
   "dependencies": {
+    "@rollup/plugin-json": "^4.0.2",
+    "@types/mathjs": "^6.0.4",
+    "mathjs": "^6.6.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^11.0.2",
+    "@rollup/plugin-node-resolve": "^7.1.1",
     "rollup": "^1.31.1",
     "rollup-plugin-typescript2": "^0.26.0",
     "typescript": "^3.8.2"

diff --git a/rollup.config.js b/rollup.config.js
@@ -1,25 +1,25 @@
 import typescript from 'rollup-plugin-typescript2'
-
+import resolve from '@rollup/plugin-node-resolve'
 import pkg from './package.json'
+import commonjs from '@rollup/plugin-commonjs'
+
 
 export default {
   input: 'src/index.ts',
   output: [
     {
-      file: pkg.main,
-      format: 'cjs',
-    },
-    {
-      file: pkg.module,
-      format: 'es',
-    },
+        file: 'dist/bundle.js',
+        format: 'iife',
+        name: 'version'
+    }
   ],
   external: [
-    ...Object.keys(pkg.dependencies || {}),
     ...Object.keys(pkg.peerDependencies || {}),
   ],
 
 plugins: [
+  resolve(),
+  commonjs(),
     typescript({
       typescript: require('typescript'),
     }),

diff --git a/src/greeter.ts b/src/greeter.ts
@@ -1,5 +1,9 @@
+import { sqrt } from "mathjs";
+
 export class Greeter {
     greet() {
-        console.log('hello world');
+        let rounded = sqrt(-4);
+
+        console.log('hello world ' + rounded);
     }
 }
diff --git a/test/index.html b/test/index.html
@@ -0,0 +1,8 @@
+<html>
+    <head>
+        <script src="../dist/bundle.js"></script>
+    </head>
+    <body>
+
+    </body>
+</html>
diff --git a/tsconfig.json b/tsconfig.json
@@ -4,6 +4,7 @@
         "declarationDir": "./dist",
         "module": "es6",
         "noImplicitAny": true,
+        "lib": ["es5", "dom", "ES2015"],
         "outDir": "./dist",
         "target": "es5"
     },