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

Question

使用babel-plugin-module-resolver我想使用多个参数对路径进行别名。

我有以下路径：

/foo/components/filename.jsx

/bar/components/filename.jsx

我想用一个正则表达式给这些路径起别名，这样：

导入 * 从 '@foo/filename' ---> 导入 * 从 '/foo/components/filename'

即，@{foldername}/{filename}变为/{foldername}/components/{filename}

谢谢

标签： javascriptreactjswebpackbabeljs

Answer 1

您可以在 .babelrc 文件中进行配置

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

只需确保在 ./foo 和 ./bar 放置的位置填写 '"root":'