Allow webpack loaders for relative imports (gatsbyjs#374)

* Allow webpack loaders for relative imports * Clean loader path logic
ChristopherBiscardi · Jun 27, 2019 · d7e4102 · d7e4102
1 parent 46c7541
commit d7e4102
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/gatsby-plugin-mdx/gatsby/on-create-node.js b/packages/gatsby-plugin-mdx/gatsby/on-create-node.js
@@ -125,9 +125,12 @@ class BabelPluginTransformRelativeImports {
       return {
         visitor: {
           StringLiteral({ node }) {
-            if (node.value.startsWith(".")) {
-              const valueAbsPath = path.resolve(parentFilepath, node.value);
-              const replacementPath = path.relative(
+            let split = node.value.split('!');
+            const nodePath = split.pop();
+            const loaders = `${split.join('!')}${split.length > 0 ? '!' : ''}`;
+            if (nodePath.startsWith(".")) {
+              const valueAbsPath = path.resolve(parentFilepath, nodePath);
+              const replacementPath = loaders + path.relative(
                 path.join(cache.directory, MDX_SCOPES_LOCATION),
                 valueAbsPath
               );