fix: filenames like component.utils.ts are not resolved properly, fixes

#346

src/index.ts

@@ -1,5 +1,5 @@
 import { existsSync, statSync } from 'fs'
-import { extname, resolve, dirname, join, basename } from 'path'
+import { extname, resolve, dirname, join } from 'path'
 import { Plugin as RollupPlugin } from 'rollup'
 import { transform, Loader, TransformOptions } from 'esbuild'
 import { MarkOptional } from 'ts-essentials'
@@ -83,9 +83,11 @@ export default ({
   )
 
   const resolveFile = (resolved: string, index: boolean = false) => {
-    const fileWithoutExt = join(dirname(resolved), basename(resolved, extname(resolved)))
+    const fileWithoutExt = resolved.replace(/\.[jt]sx?$/, '')
     for (const ext of extensions) {
-      const file = index ? join(resolved, `index${ext}`) : `${fileWithoutExt}${ext}`
+      const file = index
+        ? join(resolved, `index${ext}`)
+        : `${fileWithoutExt}${ext}`
       if (existsSync(file)) return file
     }
     return null

test/index.test.ts

@@ -285,24 +285,30 @@ describe('esbuild plugin', () => {
         console.log(Foo)
       `,
       './fixture/foo.tsx': `
+        import {util} from './some.util'
         export default class Foo {
           render() {
-            return <div className="hehe">hello there!!!</div>
+            return <div className="hehe">hello there!!!{util}</div>
           }
         }
       `,
+      './fixture/some.util.ts': `
+      export const util = 42
+      `,
     })
 
     const output = await build({
       dir,
       rollupPlugins: [esbuild({})],
     })
     expect(output[0].code).toMatchInlineSnapshot(`
-      "class Foo {
+      "const util = 42;
+
+      class Foo {
         render() {
           return /* @__PURE__ */ React.createElement(\\"div\\", {
             className: \\"hehe\\"
-          }, \\"hello there!!!\\");
+          }, \\"hello there!!!\\", util);
         }
       }