Question: Alias/resolver mappings with '*' supported?

[m4rvr]

Is there a way to use alias configuration similar to the paths of tsconfig.json or do I need to add it for each alias?

This possible?

{
  alias: {
    '@scope/*': '/packages/*/src'
  }
}

Current approach:

{
  alias: {
    '@scope/pkg1': '/packages/pkg1/src',
    '@scope/pkg2': '/packages/pkg2/src'
  }
}

And how would I do that with the resolvers?

Thanks!

[yyx990803]

See type definition of Resolver

You can do something like:

const scopeRegex = /^\/@scope\/(\w+)\//

const myResolver = {
  requestToFile(req) {
    const match = req.match(scopeRegex)
    if (match) {
      const pkg = match[1]
      return path.resolve(__dirname, 'packages', pkg, 'src', req.replace(scopeRegex, ''))
    }
  },
  fileToRequest(file) {
    // reverse logic
  }
}

module.exports = {
  resolvers: [myResolver]
}

We may add wildcard support eventually but as of now this is what you have to do. Might be easier to just duplicate a few aliases.

Also note: path aliases must start with / and end with /. Otherwise it's considered a package name alias.

[m4rvr]

@yyx990803 Thank you that really helped me!

[aleclarson]

I've published vite-tsconfig-paths to solve this problem:
https://github.com/aleclarson/vite-tsconfig-paths

[pepsighan]

Also note: path aliases must start with / and end with /.

This conflicts with tsconfig.json's paths. It does not allow any absolute paths. This limits the usage of alias within the limits of Javascript.

[RoB8080]

Also note: path aliases must start with / and end with /.

This conflicts with tsconfig.json's paths. It does not allow any absolute paths. This limits the usage of alias within the limits of Javascript.

Try this.

// vite.config.ts
alias: {
    '/@/': path.resolve(__dirname, 'src'),
},
resolvers: [
    {
        alias(id: string) {
            return id.replace(/^@\//, '/@/') // add slash to particular id, then vite won't resolve it as a module
        },
    },
],

// tsconfig.json
"paths": {
    "@/*": [
        "./src/*"
    ],
},

This trick can allow you to use relative path as alias.

[xieyezi]

@RoB8080 thanks

[underfin]

Work on 2.0, see https://vitejs.dev/config/#alias