refactor: strip process.env from UMD build (#2)

* refactor: strip process.env from UMD build * chore: add test/try.html
crimx · Jul 16, 2024 · 59abcc4 · 59abcc4
1 parent 02cfb5f
commit 59abcc4
Show file tree

Hide file tree

Showing 5 changed files with 96 additions and 45 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -2,3 +2,4 @@ node_modules/
 dist/
 public/
 pnpm-lock.yaml
+*.html
diff --git a/package.json b/package.json
@@ -62,6 +62,7 @@
   },
   "devDependencies": {
     "@jest/globals": "^29.5.0",
+    "@rollup/plugin-replace": "^5.0.7",
     "@size-limit/esbuild": "^11.1.4",
     "@size-limit/file": "^11.1.4",
     "@types/node": "^18.15.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/scripts/build-umd.mjs b/scripts/build-umd.mjs
@@ -1,3 +1,4 @@
+import replace from "@rollup/plugin-replace";
 import fs from "node:fs";
 import prettyBytes from "pretty-bytes";
 import { rollup } from "rollup";
@@ -10,6 +11,14 @@ fs.writeFileSync(
 
 const bundle = await rollup({
   input: "dist/temp.mjs",
+  plugins: [
+    replace({
+      preventAssignment: true,
+      values: {
+        "process.env.NODE_ENV": '"production"',
+      },
+    }),
+  ],
 });
 
 const { output } = await bundle.write({

diff --git a/test/try.html b/test/try.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Try ValueEnhancer in Browser</title>
+    <meta name="viewport" content="width=device-width" />
+  </head>
+  <body>
+    <p>Open console and try <code>`ValueEnhancer`</code>.</p>
+    <script src="../dist/index.umd.js"></script>
+  </body>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,3 +2,4 @@ node_modules/ @@
     dist/
     public/
     pnpm-lock.yaml
+    *.html