fix(dev): make ~ imports work for markdown files

Signed-off-by: Logan McAnsh <[email protected]>
remix-run · Oct 12, 2021 · a429fc9 · a429fc9
1 parent 7db4127
commit a429fc9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/fixtures/gists-app/app/routes/blog/index.tsx b/fixtures/gists-app/app/routes/blog/index.tsx
@@ -1,11 +1,12 @@
 import type { HeadersFunction, LinksFunction, LoaderFunction } from "remix";
 import { Link, useRouteData, usePendingLocation, json } from "remix";
 
-import stylesHref from "../../styles/gists.css";
 import * as helloPost from "./hello-world.mdx";
-import * as secondPost from "./second.md";
 import * as thirdPost from "./third.md";
 
+import stylesHref from "~/styles/gists.css";
+import * as secondPost from "~/routes/blog/second.md";
+
 interface Post {
   title: string;
   description: string;

diff --git a/packages/remix-dev/compiler/plugins/mdx.ts b/packages/remix-dev/compiler/plugins/mdx.ts
@@ -17,7 +17,9 @@ export function mdxPlugin(config: RemixConfig): esbuild.Plugin {
 
       build.onResolve({ filter: /\.mdx?$/ }, args => {
         return {
-          path: path.resolve(args.resolveDir, args.path),
+          path: args.path.startsWith("~/")
+            ? path.resolve(config.appDirectory, args.path.replace(/^~\//, ""))
+            : path.resolve(args.resolveDir, args.path),
           namespace: "mdx"
         };
       });