Merge pull request #14666 from overleaf/ae-babel-plugin-module-resolver

Fix import alias handling for mocha and Storybook

GitOrigin-RevId: aa2fd23bb1ca1ebc44afc725258bc61d3d100038

services/web/package.json

@@ -250,6 +250,7 @@
     "babel-loader": "^9.1.2",
     "babel-plugin-angularjs-annotate": "^0.10.0",
     "babel-plugin-macros": "^3.1.0",
+    "babel-plugin-module-resolver": "^5.0.0",
     "backbone": "^1.3.3",
     "bootstrap": "^3.4.1",
     "c8": "^7.2.0",

services/web/test/frontend/bootstrap.js

@@ -1,6 +1,7 @@
 // Run babel on tests to allow support for import/export statements in Node
 require('@babel/register')({
   extensions: ['.ts', '.tsx', '.js', '.jsx', '.mjs'],
+  plugins: [['module-resolver', { alias: { '^@/(.+)': './frontend/js/\\1' } }]],
 })
 
 // Load JSDOM to mock the DOM in Node