我是Next.js的新手,我在文件路径中看到了一个“@”字符。示例:
import Footer from '@/components/Footer'
甚至在jsconfig.json中:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/components/*": ["components/*"]
}
}
}
Next.js文档或任何其他来源都没有提供此“@”字符的定义。我第一次在路径中看到此“@”。请帮助
1条答案
按热度按时间jutyujz01#
@
字符用于定义Next.js
中的路径别名,由webpack
提供,webpack
是Next.js使用的模块捆绑器。在您提供的示例中,paths属性使用@符号作为前缀来定义组件目录的别名。星号 * 是通配符,允许您指定匹配文件路径的模式。
使用此配置,您可以使用@别名(如
import Footer from '@/components/Footer';
)从components目录导入组件这将根据jsconfig.json文件中定义的路径Map解析为components/Footer.js文件