import.meta.globEager('../assets/svgIcon/*.svg?raw')

[lihanspace]

Clear and concise description of the problem

将资源批量引入为其他格式。
Batch import resources into other formats.

Suggested solution

import svg from '../assets/svgIcon/github.svg?raw'
console.log(svg)
// Now results 现在的结果
// <svg t="1634195145119" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"...

const files = mport.meta.globEager('../assets/svgIcon/*.svg?raw')
console.log(files)
// Now results 现在的结果
// {}

// Expected results 期望的结果
/*
{
  '../assets/svgIcon/github.svg': {
    raw: '<svg t="1634195145119" class="icon" viewBox="0 0 1024 1024" version="1.1" ...',
    ...
  },
  '../assets/svgIcon/logo.svg': {
    raw: '<svg t="1634195051463" class="icon" viewBox="0 0 1024 1024" version="1.1" ...',
    ...
  }
}
*/

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[windole]

The glob patterns are treated like import specifiers: they must be either relative (start with ./) or absolute (start with /, resolved relative to project root).

[lihanspace]

The glob patterns are treated like import specifiers: they must be either relative (start with ./) or absolute (start with /, resolved relative to project root).

I know, but what I want is to batch import files from folders instead of batch convert paths. Like imoort svg from './assets/svgIcon/*.svg?raw', the path is followed by '?raw', which can import resources as strings, or vite can provide a new method to batch import static resources as strings.

[patak-dev]

You can achieve this for regular glob using

const modules = import.meta.glob('./assets/svgIcon/*.svg')
const rawModules = {}
for (const path in modules) {
  rawModules[path] = () => import(`${path}?raw`)
}

But the same can't be done for globEager. And several users bumped into this already so I think we should provide support for this. It would be good if someone would issue a PR so we can discuss the details of the API there. Your code snippet looks like the correct way to add this feature but ? is a valid character in minimatch so we should check if we want to use ?raw here

const files = mport.meta.globEager('../assets/svgIcon/*.svg?raw')

Or pass this flag as a parameter like

const files = mport.meta.globEager('../assets/svgIcon/*.svg','raw')

[boehs]

@patak-dev closed!