如何在 babel 的“模块解析器”中参数化别名路径？

Question

Using babel-plugin-module-resolver I would like to alias paths using more than one paramters.

I have the following paths:

/foo/components/filename.jsx

/bar/components/filename.jsx

I would like to alias these paths with a single regex in such a way that:

import * from '@foo/filename' ---> import * from '/foo/components/filename'

Namely, @{foldername}/{filename} becomes /{foldername}/components/{filename}

Thank you

Answer 1

You can make configuration in.babelrc file

{ "plugins": [ [ "module-resolver", { "cwd": "babelrc", "root": ["./"], "alias": { "@foo": "./foo/components", "@bar": "./bar/components", } } ] ] }

Just make sure you fill '"root":' where./foo and./bar placed