fix(typescript-build): resolve aliases in dynamic imports

Author: Seu Nome

packages/typescript-build/src/index.ts

@@ -61,70 +61,8 @@ const tsModule: Module<Options> = function (moduleOptions) {
     const babelLoader = jsxRuleLoaders[jsxRuleLoaders.length - 1]
 
     config.module!.rules.push(...(['ts', 'tsx'] as const).map(ext => ({
-      test: new RegExp(`\.${ext}import path from 'path'
-import { defu } from 'defu'
-import consola from 'consola'
-import type { Module } from '@nuxt/types'
-import type { Options as TsLoaderOptions } from 'ts-loader'
-import type { ForkTsCheckerWebpackPluginOptions as TsCheckerOptions } from 'fork-ts-checker-webpack-plugin/lib/ForkTsCheckerWebpackPluginOptions'
-import type TsCheckerLogger from 'fork-ts-checker-webpack-plugin/lib/logger/Logger'
-import type { RuleSetUseItem } from 'webpack'
-import { NormalModuleReplacementPlugin } from 'webpack'
-
-export interface Options {
-  ignoreNotFoundWarnings?: boolean
-  loaders?: {
-    ts?: Partial<TsLoaderOptions>
-    tsx?: Partial<TsLoaderOptions>
-  }
-  typeCheck?: TsCheckerOptions | boolean
-}
-
-declare module '@nuxt/types' {
-  interface NuxtOptions {
-    typescript: Options
-  }
-}
-
-const defaults: Options = {
-  ignoreNotFoundWarnings: false,
-  typeCheck: true
-}
-
-const tsModule: Module<Options> = function (moduleOptions) {
-  // Combine options
-  const options = defu(this.options.typescript, moduleOptions, defaults)
-
-  // Change color of CLI banner
-  this.options.cli.bannerColor = 'blue'
-
-  if (!this.options.extensions.includes('ts')) {
-    this.options.extensions.push('ts')
-  }
-
-  // Extend Builder to handle .ts/.tsx files as routes and watch them
-  this.options.build.additionalExtensions = ['ts', 'tsx']
-
-  if (options.ignoreNotFoundWarnings) {
-    this.options.build.warningIgnoreFilters!.push(warn =>
-      warn.name === 'ModuleDependencyWarning' && /export .* was not found in /.test(warn.message)
-    )
-  }
-
-  this.extendBuild((config, { isClient, isModern }) => {
-    config.resolve!.extensions!.push('.ts', '.tsx')
-
-    // Add alias for @babel/runtime/helpers
-    config.resolve!.alias = {
-      ...config.resolve!.alias,
-      '@babel/runtime/helpers': path.resolve(this.options.rootDir!, 'node_modules/@babel/runtime/helpers')
-    }
-
-    const jsxRuleLoaders = config.module!.rules.find(r => (r.test as RegExp).test('.jsx'))!.use as RuleSetUseItem[]
-    const babelLoader = jsxRuleLoaders[jsxRuleLoaders.length - 1]
-
-    ),
-      ),      use: [
+      test: new RegExp(`\.${ext}$`),
+      use: [
         babelLoader,
         {
           loader: 'ts-loader',
@@ -135,8 +73,8 @@ const tsModule: Module<Options> = function (moduleOptions) {
           }
         }
       ]
-    })
-    ))
+    }))
+    )
     // Fix paths not resolving in async imports
     // https://github.com/nuxt/typescript/issues/520
     if (this.nuxt.options.alias) {
@@ -150,4 +88,4 @@ const tsModule: Module<Options> = function (moduleOptions) {
           }
         }
       ))
-    }
+    }