Merge pull request #32 from torch2424/iife-fix

Fixed IIFE Bundle Name, added IIFE Instructions to quickstart

Author: torch2424

README.md

@@ -65,11 +65,16 @@ export function myExportedFunctionThatTakesAString(value: string): string {
 
 **2. In your Javascript**
 
-In the browser using ESM Syntax:
+For **browser** JavaScript. We can do the following:
 
 ```javascript
+// If you are using a Javascript bundler, use the ESM bundle with import syntax
 import { AsBind } from "as-bind";
 
+// If you are not using a bundler add a <script> tag to your HTML
+// Where the `src` points to the iife bundle (as-bind.iife.js), for example: https://unpkg.com/as-bind
+// Then, INSTEAD of using the import syntax, do: `const { AsBind } = AsBindIIFE;`
+
 const wasm = fetch("./path-to-my-wasm.wasm");
 
 const asyncTask = async () => {
@@ -84,7 +89,7 @@ const asyncTask = async () => {
 asyncTask();
 ```
 
-Or we can also use Node:
+For **Node** JavaScript, we would use the CommonJS bundle by do the following:
 
 ```javascript
 const { AsBind } = require("as-bind");

rollup.lib.js

@@ -1,38 +1,28 @@
-import resolve from 'rollup-plugin-node-resolve';
-import commonjs from 'rollup-plugin-commonjs';
-import babel from 'rollup-plugin-babel';
-import json from 'rollup-plugin-json';
-import compiler from '@ampproject/rollup-plugin-closure-compiler';
-import bundleSize from 'rollup-plugin-bundle-size';
-import pkg from './package.json';
+import resolve from "rollup-plugin-node-resolve";
+import commonjs from "rollup-plugin-commonjs";
+import babel from "rollup-plugin-babel";
+import json from "rollup-plugin-json";
+import compiler from "@ampproject/rollup-plugin-closure-compiler";
+import bundleSize from "rollup-plugin-bundle-size";
+import pkg from "./package.json";
 
 const sourcemapOption = process.env.PROD ? undefined : "inline";
 
 const babelPluginConfig = {
   // so Rollup can convert unsupported es6 code to es5
-  exclude: ['node_modules/**'],
+  exclude: ["node_modules/**"],
   plugins: [
-    ['@babel/plugin-proposal-class-properties'],
-    ['@babel/plugin-proposal-object-rest-spread'],
+    ["@babel/plugin-proposal-class-properties"],
+    ["@babel/plugin-proposal-object-rest-spread"]
   ]
 };
 
-let plugins = [
-  resolve(),
-  commonjs(),
-  json(),
-  babel(babelPluginConfig)
-]
+let plugins = [resolve(), commonjs(), json(), babel(babelPluginConfig)];
 
 if (process.env.PROD) {
-  plugins = [
-    ...plugins,
-    compiler(),
-    bundleSize()
-  ]
+  plugins = [...plugins, compiler(), bundleSize()];
 }
 
-
 const libBundles = [
   {
     input: "lib/lib.js",
@@ -64,7 +54,7 @@ const libBundles = [
       file: pkg.browser,
       format: "iife",
       sourcemap: sourcemapOption,
-      name: "asbuild"
+      name: "AsBindIIFE"
     },
     watch: {
       clearScreen: false