Javascript NextJS,其中定义了tilde'~';导入路径中的符号?
我用NextJS阅读应用程序中的代码。它像导入头一样从“~/components/layout/Head”导入组件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": { ...
项目结构:
-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插件根导入
完成的。