javascript - 如何使用 babel-plugin-module-resolver 为根路径设置别名并禁用其他根导入？

Question

我想做这样的进口import Foo from '~/components/Foo'

https://github.com/tleunen/babel-plugin-module-resolver

如果我将我的设置.babelrc为：

{
  "plugins": [
    ["module-resolver", {
      "root": "./",
      "alias": {
        "~/": "./"
      }
    }]
  ]
}

我也尝试过（以及许多其他组合）：

{
  "plugins": [
    ["module-resolver", {
      "root": ".",
      "alias": {
        "~": "."
      }
    }]
  ]
}

然后我可以在这样的脚本中使用它：

import Foo from 'components/Foo'

1. 如果我这样做是行不通的import Foo from '~/components/Foo'（我希望它）
2. 我想强制用户必须预先添加，~/所以没有多种使用模式。

Answer 1

{
  "plugins": [
    ["module-resolver", {
      "root": ["./",]
      "alias": {
        "~/": "./"
      }
    }]
  ]
}

试试看