Motivation

Sometimes we need to ignore some files or directories when using import.meta.glob, such as ignoring components or utils directories, files beginning with _ or ., etc.

A typical application scenario is:

In a file-based routing system, all files starting with lowercase letters and numbers in the pages directory will be automatically imported as routers by src/pages/**/[a-z0-9]*.tsx, and the following files or directory will be ignored:

• Directories or files beginning with a capital letter (this will be regarded as a component)
• components or utils directory
• Files or directories beginning with . or _
• Type definition files ending in d.ts
• Test files ending with test.ts, spec.ts, e2e.ts

That will be difficult to achieve if only one pattern can be specified (make duplicated multiple level path rule in glob pattern is very difficult, See mrmlnc/fast-glob#306), but that can be easy if the ignore option of fast-glob can be specified.

Document

You can also pass the second argument to ignore some files:

const modules = import.meta.glob('./dir/*.js', '**/b*.*')

That will ignore all files whose name starts with b, the file ./dir/bar.js will be ignored, the above will be transformed into the following:

// code produced by vite
const modules = {
  './dir/foo.js': () => import('./dir/foo.js')
}