如何通过unimport自动导入项目的某个文件？

Question

我正在使用名为 Unimport 的插件，该插件用于从第三方库或当前项目自动导入模块。它已在

nuxt

中使用，并且可以在

nuxt.config.ts

中进行配置，如下所示：

export default defineNuxtConfig({
  imports: {
    // Auto-import pinia stores defined in `~/stores`
    dirs: ['stores']
  }
}

Unimport

将生成一个名为

unimport.d.ts

:

的声明文件

export {}
declare global {
  const globalStore: typeof import('/home/stores/globalStore')['globalStore']
}

stores

目录下的模块可以正确自动导入，但如果我已经创建了

stores

目录的入口文件并导出其中的其他模块：

export * from './globalStore'

期望

globalStore

可以从

stores/index.ts

文件而不是

stores/globalStore.ts

导入，所以我想指定特定文件的自动导入。

Unimport

只提供了一个名为

dirs

的选项用于自动导入所有文件，如何自动导入某个文件？

Answer 1

要使用“取消导入”自动导入特定文件，您可以使用

patterns

文件中的

nuxt.config.ts

选项。此选项允许您指定全局模式以匹配特定文件或目录以进行自动导入。以下是实现这一目标的方法：

export default defineNuxtConfig({
  imports: {
    // Auto-import specific file
    patterns: ['stores/globalStore.ts']
  }
})

通过指定

patterns

选项以及要自动导入的文件的路径（在本例中为

stores/globalStore.ts

），取消导入将仅自动导入该特定文件，而不是

stores

目录下的所有文件。

如果您的文件位于不同的目录中，请确保相应地调整路径。此配置将帮助您实现自动导入特定文件的所需行为。