如何使用 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": {
        "~/": "./"
      }
    }]
  ]
}

試試看