如何指定相對於項目根目錄的路徑？

Question

這是我的導入路徑之一：

import Register from "../../../../../../../../src/components/register/Register";

如何指定相對於項目文件夾根目錄的路徑？

Answer 1

模塊構建器配置指定它。

例如 Webpack 2：

module.exports = {
...

resolve: {
    modules: [
        'node_modules',
        path.resolve(__dirname + '/src')
    ],
    alias: {
        src: path.resolve(__dirname + '/src')
    }
},

...}

然后你可以像這樣導入：

import Register from "src/components/register/Register";

Answer 2

如果您使用的是 webpack 配置文件，您可以添加以下內容來創建絕對路徑：

module.exports = {
//...
resolve: {
alias: {
  Components: path.resolve(__dirname, 'src/components/')
  }
 } 
};

現在代替../../../../../../../../src/components/register/Register你可以做Components/register/Register 。

如果你沒有 webpack 配置文件，比如react-create-app ，並且你不想在你的node_modules中修改 webpack 配置文件，你可能想看看customize-cra和react-app-rewired