我是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文件