add npm-crate-example

nshen · Oct 14, 2021 · 9463c5d · 9463c5d
1 parent 31171f0
commit 9463c5d
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 0 deletions.
diff --git a/npm-crate-example/index.html b/npm-crate-example/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>vite-plugin-wasm-pack example</title>
+    <script type="module" src="/src/index.ts"></script>
+  </head>
+  <body>
+    <h1>vite-plugin-wasm-pack example</h1>
+    <p>Can you see an alert window?</p>
+  </body>
+</html>
diff --git a/npm-crate-example/package.json b/npm-crate-example/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "npm-crate-example",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "devDependencies": {
+    "vite": "^2.6.5",
+    "vite-plugin-wasm-pack": "^0.1.7"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "test-npm-crate": "^0.3.0"
+  }
+}
diff --git a/npm-crate-example/src/index.ts b/npm-crate-example/src/index.ts
@@ -0,0 +1,5 @@
+import init, { greet } from 'test-npm-crate';
+
+init().then(() => {
+  greet();
+});
diff --git a/npm-crate-example/vite.config.ts b/npm-crate-example/vite.config.ts
@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite';
+import wasmPack from 'vite-plugin-wasm-pack';
+
+export default defineConfig({
+  build: {
+    minify: false
+  },
+  // use test-npm-crate from https://www.npmjs.com/package/test-npm-crate
+  // we have no local crate, so leave the first param an empty array
+  plugins: [wasmPack([], ['test-npm-crate'])]
+});