[FEATURE] Provide EXT:my_extension as alias

In addition to the `@my_extension` alias, now it's also possible to use
`EXT:my_extension` in all paths resolved by vite, such as ESM modules
or URLs in CSS files.

Author: s2b

src/utils.ts

@@ -1,7 +1,7 @@
 import fs from "node:fs";
 import { dirname, join, resolve } from "node:path";
 import type { InputOption } from "rollup";
-import type { AliasOptions, Logger } from "vite";
+import type { Alias, AliasOptions, Logger } from "vite";
 import fg from "fast-glob";
 import colors from "picocolors";
 import type {
@@ -185,8 +185,10 @@ export function outputDebugInformation(
         const extensionList = relevantExtensions.map(
             (extension) => extension.extensionKey,
         );
-        const aliasList = extensionList.map(
-            (extensionKey) => "@" + extensionKey,
+        const aliasList = extensionList.reduce(
+            (aliasList: string[], extensionKey) =>
+                aliasList.concat(["@" + extensionKey, "EXT:" + extensionKey]),
+            [],
         );
         logger.info(
             `The following extensions with vite entrypoints have been recognized: ${colors.green(extensionList.join(", "))}`,
@@ -230,12 +232,20 @@ export function addAliases(
     alias: AliasOptions | undefined,
     extensions: Typo3ExtensionContext[],
 ): AliasOptions {
-    const additionalAliases = extensions.map((extension) => ({
-        find: "@" + extension.extensionKey,
-        replacement: extension.path.endsWith("/")
-            ? extension.path
-            : extension.path + "/",
-    }));
+    const additionalAliases = extensions.reduce(
+        (aliases: Alias[], extension) => {
+            const replacement = extension.path.endsWith("/")
+                ? extension.path
+                : extension.path + "/";
+            aliases.push({ find: "@" + extension.extensionKey, replacement });
+            aliases.push({
+                find: "EXT:" + extension.extensionKey,
+                replacement,
+            });
+            return aliases;
+        },
+        [],
+    );
 
     alias ??= [];
     if (!Array.isArray(alias)) {

tests/unit/addAliases.test.ts

@@ -17,6 +17,10 @@ describe("addAliases", () => {
                 find: "@test_extension",
                 replacement: "/path/to/dummy/extension1/",
             },
+            {
+                find: "EXT:test_extension",
+                replacement: "/path/to/dummy/extension1/",
+            },
         ]);
     });
     test("existing aliases as object", () => {
@@ -39,6 +43,10 @@ describe("addAliases", () => {
                 find: "@test_extension",
                 replacement: "/path/to/dummy/extension1/",
             },
+            {
+                find: "EXT:test_extension",
+                replacement: "/path/to/dummy/extension1/",
+            },
         ]);
     });
     test("existing aliases as array", () => {
@@ -80,6 +88,10 @@ describe("addAliases", () => {
                 find: "@test_extension",
                 replacement: "/path/to/dummy/extension1/",
             },
+            {
+                find: "EXT:test_extension",
+                replacement: "/path/to/dummy/extension1/",
+            },
         ]);
     });
     test("no double slashes in added alias paths", () => {
@@ -96,6 +108,10 @@ describe("addAliases", () => {
                 find: "@test_extension",
                 replacement: "/path/to/dummy/extension1/",
             },
+            {
+                find: "EXT:test_extension",
+                replacement: "/path/to/dummy/extension1/",
+            },
         ]);
     });
 });

tests/unit/outputDebugInformation.test.ts

@@ -49,7 +49,9 @@ describe("outputDebugInformation", () => {
         expect(logger.info).toHaveBeenNthCalledWith(
             2,
             "The following aliases have been defined: " +
-                colors.green("@test_extension1, @test_extension2"),
+                colors.green(
+                    "@test_extension1, EXT:test_extension1, @test_extension2, EXT:test_extension2",
+                ),
             { timestamp: true },
         );
         expect(logger.info).toHaveBeenNthCalledWith(