webpack types cleanup

global.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @module global
+ */
+
+/// <reference types="webpack/module" />
+
+// see nextConfig.webpack in next.config.ts for non-standard "asset/resource" module rules.
+// https://webpack.js.org/guides/typescript/#importing-other-assets
+
+declare module "*.mp4" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.webm" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.vtt" {
+  const src: string;
+  export default src;
+}

next.config.ts

@@ -30,7 +30,7 @@ const nextConfig: NextConfig = {
     ],
   },
   outputFileTracingExcludes: {
-    "*": ["./public/**/*", "**/*.mp4", "**/*.webm"],
+    "*": ["./public/**/*", "**/*.mp4", "**/*.webm", "**/*.vtt"],
   },
   webpack: (config) => {
     config.module.rules.push({

tsconfig.json

@@ -19,6 +19,6 @@
       }
     ]
   },
-  "include": ["next-env.d.ts", "webpack.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["next-env.d.ts", "global.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }

webpack.d.ts

@@ -1,14 +0,0 @@
-declare module "*.mp4" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.webm" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.vtt" {
-  const src: string;
-  export default src;
-}