diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..88ec74f4f7fc1d1d4d85058a91088229ceac8329
--- /dev/null
+++ b/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>Hello wasm-pack!</title>
+ </head>
+ <body>
+ <script src="./index.js"></script>
+ </body>
+</html>
diff --git a/index.js b/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..a092ff3447c4da2659558fc05bd77ea7669627ee
--- /dev/null
+++ b/index.js
@@ -0,0 +1,4 @@
+// const wasm_math = import("@MYSCOPE/wasm-math/wasm_math.js");
+// wasm_math.then(wasm_add => {
+// wasm_math.alert_add(2,3);
+// });
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..1070c8577b146e6e797a748eff54fe2f4c430760
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,10 @@
+const path = require('path');
+
+module.exports = {
+ entry: "./index.js",
+ output: {
+ path: path.resolve(__dirname, "dist"),
+ filename: "index.js",
+ },
+ mode: "development",
+};