nextjs的alias路径配置

nextjs的alias路径配置

1. 安装资源

• npm install --save-dev babel-plugin-module-resolver 或者 yarn add babel-plugin-module-resolver --dev

2. 根目录新增.babelrc

{
  "presets": ["next/babel"],
  "plugins": [
    [
      "module-resolver",
      {
        "alias": {
          "@/actions": "./actions",
          "@/components": "./components",
          "@/constants": "./constants",
          "@/pages": "./pages",
          "@/public": "./public",
          "@/reducers": "./reducers",
          "@/utils": "./utils"
        }
      }
    ]
  ]
}