Next.js路径中的“@”是什么?

dxpyg8gm  于 2023-03-12  发布在  其他
关注(0)|答案(1)|浏览(407)

我是Next.js的新手,我在文件路径中看到了一个“@”字符。示例:

import Footer from '@/components/Footer'

甚至在jsconfig.json中:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/components/*": ["components/*"]
    }
  }
}

Next.js文档或任何其他来源都没有提供此“@”字符的定义。我第一次在路径中看到此“@”。请帮助

jutyujz0

jutyujz01#

@字符用于定义Next.js中的路径别名,由webpack提供,webpack是Next.js使用的模块捆绑器。
在您提供的示例中,paths属性使用@符号作为前缀来定义组件目录的别名。星号 * 是通配符,允许您指定匹配文件路径的模式。
使用此配置,您可以使用@别名(如import Footer from '@/components/Footer';)从components目录导入组件
这将根据jsconfig.json文件中定义的路径Map解析为components/Footer.js文件

相关问题