diff --git a/modules/constants/package.json b/modules/constants/package.json
index 4f78c332a8..4bf423c4f1 100644
--- a/modules/constants/package.json
+++ b/modules/constants/package.json
@@ -34,7 +34,11 @@
     "README.md"
   ],
   "sideEffects": false,
+  "scripts-comments": {
+    "pre-build": "required by TS plugin inline-webgl-constants"
+  },
   "scripts": {
+    "pre-build": "npx esbuild src/index.ts --bundle --format=cjs --outfile=dist/index.cjs",
     "build-minified-bundle": "ocular-bundle ./src/bundle.ts -output=dist/dist.min.js",
     "build-dev-bundle": "ocular-bundle ./src/bundle.ts -output=dist/dist.dev.js -- --env=dev",
     "prepublishOnly": "npm run build-minified-bundle && npm run build-dev-bundle"
diff --git a/package.json b/package.json
index 85ed33641d..00c10c1692 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "postinstall": "echo postinstall",
     "start": "open https://luma.gl/docs/getting-started",
     "clean": "ocular-clean",
-    "build": "ocular-build",
+    "build": "ocular-clean && (cd modules/constants && yarn pre-build) && ocular-build",
     "cover": "ocular-test cover",
     "lint": "ocular-lint",
     "publish": "ocular-publish",
@@ -52,7 +52,7 @@
     "eslint-plugin-tree-shaking": "^1.9.2",
     "math.gl": "^3.0.0",
     "nyc": "^15.1.0",
-    "ocular-dev-tools": "2.0.0-alpha.26",
+    "ocular-dev-tools": "2.0.0-alpha.28",
     "pre-commit": "^1.2.2",
     "pre-push": "^0.1.1",
     "puppeteer": "^22.0.0"
diff --git a/tsconfig.module.json b/tsconfig.module.json
index 36ddedbec9..ece3011481 100644
--- a/tsconfig.module.json
+++ b/tsconfig.module.json
@@ -15,6 +15,12 @@
       {
         "transform": "ocular-dev-tools/ts-transform-version-inline"
       },
+      {
+        "transform": "ocular-dev-tools/ts-transform-inline-webgl-constants"
+      },
+      {
+        "transform": "ocular-dev-tools/ts-transform-remove-glsl-comments"
+      },
       {
         "transform": "ocular-dev-tools/ts-transform-append-extension",
         "extensions": [".js"],
diff --git a/yarn.lock b/yarn.lock
index 8be11ad37a..72a813896b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10336,7 +10336,7 @@ __metadata:
     eslint-plugin-tree-shaking: "npm:^1.9.2"
     math.gl: "npm:^3.0.0"
     nyc: "npm:^15.1.0"
-    ocular-dev-tools: "npm:2.0.0-alpha.26"
+    ocular-dev-tools: "npm:2.0.0-alpha.28"
     pre-commit: "npm:^1.2.2"
     pre-push: "npm:^0.1.1"
     puppeteer: "npm:^22.0.0"
@@ -11527,9 +11527,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ocular-dev-tools@npm:2.0.0-alpha.26":
-  version: 2.0.0-alpha.26
-  resolution: "ocular-dev-tools@npm:2.0.0-alpha.26"
+"ocular-dev-tools@npm:2.0.0-alpha.28":
+  version: 2.0.0-alpha.28
+  resolution: "ocular-dev-tools@npm:2.0.0-alpha.28"
   dependencies:
     "@babel/cli": "npm:^7.14.5"
     "@babel/core": "npm:^7.14.5"
@@ -11581,7 +11581,7 @@ __metadata:
     ocular-metrics: scripts/metrics.js
     ocular-publish: scripts/publish.js
     ocular-test: scripts/test.js
-  checksum: 10c0/db0096a1b8838249bc4ae5c38629f3da42fae823d861eaaf093ca48bf8fed5fd030b56c87090c18df1f3b012daba2a083dd68eab7a005fd6c949d9722b36c7d7
+  checksum: 10c0/248138f2359dd86daaf717e129acca8dcd611731820f1167c4082fc30c0f866b062a8a434d8555b280c0fffb9e3a94ff75742a974421680a4756f23b95f35c90
   languageName: node
   linkType: hard