Add processor cache in webpack loader

Related-to: mdx-js/mdx#1468.

lib/integration/webpack.js

@@ -1,12 +1,18 @@
 /**
+ * @typedef {import('vfile').VFileCompatible} VFileCompatible
+ * @typedef {import('vfile').VFile} VFile
  * @typedef {import('webpack').LoaderContext<unknown>} LoaderContext
  * @typedef {import('../compile.js').CompileOptions} CompileOptions
  * @typedef {Pick<CompileOptions, 'SourceMapGenerator'>} Defaults
  * @typedef {Omit<CompileOptions, 'SourceMapGenerator'>} Options
+ * @typedef {(vfileCompatible: VFileCompatible) => Promise<VFile>} Process
  */
 
 import {SourceMapGenerator} from 'source-map'
-import {compile} from '../compile.js'
+import {createFormatAwareProcessors} from '../util/create-format-aware-processors.js'
+
+/** @type {WeakMap<CompileOptions, Process>} */
+const cache = new WeakMap()
 
 /**
  * A Webpack (4+) loader for xdm.
@@ -21,11 +27,16 @@ export function loader(value, callback) {
   /** @type {Defaults} */
   const defaults = this.sourceMap ? {SourceMapGenerator} : {}
   const options = /** @type {CompileOptions} */ (this.getOptions())
-  compile({value, path: this.resourcePath}, {...defaults, ...options}).then(
-    (file) => {
-      callback(null, file.value, file.map)
-      return file
-    },
-    callback
-  )
+  const config = {...defaults, ...options}
+  let process = cache.get(config)
+
+  if (!process) {
+    process = createFormatAwareProcessors(config).process
+    cache.set(config, process)
+  }
+
+  process({value, path: this.resourcePath}).then((file) => {
+    callback(null, file.value, file.map)
+    return file
+  }, callback)
 }