Javascript NextJS,其中定义了tilde'~';导入路径中的符号?

Javascript NextJS,其中定义了tilde'~';导入路径中的符号?,javascript,reactjs,webpack,next.js,Javascript,Reactjs,Webpack,Next.js,我用NextJS阅读应用程序中的代码。它像导入头一样从“~/components/layout/Head”导入组件 项目结构: -app ---components ---pages ---public 我想知道在nextJS中,哪里将~定义为根目录 我在哪里可以找到这个的配置? 尝试在下一个包中打开webpack配置,但未找到。使用Typescript的路径功能,您可以指定模块映射 // tsconfig.json { "compilerOptions": { ...

我用NextJS阅读应用程序中的代码。它像导入头一样从“~/components/layout/Head”导入组件

项目结构:

-app
---components
---pages
---public
我想知道在nextJS中,哪里将
~
定义为根目录

我在哪里可以找到这个的配置?
尝试在下一个包中打开webpack配置,但未找到。

使用Typescript的
路径
功能,您可以指定模块映射

// tsconfig.json

{
  "compilerOptions": {
    ...
    "baseUrl": "./src",
    "paths": {
      "@anything/utils/*": ["app/utils/*"],
      "@anything/pipes/*": ["app/pipes/*"]
    }
    ...
  }
}
这将允许您使用

从“@anything/utils/dateToNum”导入x;
将映射到
app/utils/dateToNum


如果您正在使用webpack,则需要使用。

我发现这是因为babel插件
babel插件根导入
,因为项目在babel配置中使用此插件


关于这个插件的更多信息可以查看。

这是一个Typescript项目吗?@felixmosh是的!谢谢你告诉我!根据您的回答,我发现这个根路径定义是由
babel插件根导入
完成的。