fix: keep import statement at start

pd4d10 · Nov 9, 2021 · cb2fd7e · cb2fd7e
1 parent 7d7af4a
commit cb2fd7e
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -11,20 +11,21 @@ export default function svgrPlugin(): Plugin {
         const { default: convert } = await import('@svgr/core')
 
         const svgCode = await fs.promises.readFile(id, 'utf8')
-        const componentCode = await convert(
+        let componentCode = await convert(
           svgCode,
           {},
           { componentName: 'ReactComponent' }
         )
-        code =
-          code +
-          '\n' +
-          componentCode.replace(
-            'export default ReactComponent',
-            'export { ReactComponent }'
-          )
+        componentCode = componentCode.replace(
+          'export default ReactComponent',
+          'export { ReactComponent }'
+        )
 
-        const res = await transformWithEsbuild(code, id, { loader: 'jsx' })
+        const res = await transformWithEsbuild(
+          componentCode + '\n' + code,
+          id,
+          { loader: 'jsx' }
+        )
 
         return {
           code: res.code,