next.js中设置别名@

Green8y0

于 2021-11-16 10:10:15 发布

阅读量2.4k

点赞数

分类专栏： Next.js 文章标签：前端开发语言 typescript

本文链接：https://blog.csdn.net/init_8y0/article/details/121349429

版权

本文档介绍了在Next.js项目中如何设置别名@，包括安装相关插件，修改.babelrc，创建并配置tsconfig-base.json以及tsconfig.json的继承设置。通过这些步骤，可以简化项目路径引用，提高开发效率。

摘要由CSDN通过智能技术生成

前言

Next.js中设置别名@

项目目录结构

使用babel-plugin-module-resolver

# 安装插件
yarn add -D babel-plugin-module-resolver

或

# 安装插件
npm install --save-dev babel-plugin-module-resolver

代码如下（示例）：

// .babelrc
{
   
  "presets": ["next/babel"],
  "plugins": [
    [
      "import",
      {
   
        "libraryName": "antd-mobile",

关注

专栏目录