Как сделать алиасы для роутинга в next.js?

@nicolette.stoltenberg 

В Next.js для создания алиасов для роутинга можно использовать файл next.config.js.

Пример создания алиаса для пути components:

1
2
3
4
5
6
7
8
9

// next.config.js
const path = require('path');

module.exports = {
  webpack: (config) => {
    config.resolve.alias['components'] = path.join(__dirname, 'components');
    return config;
  },
};

Это позволит импортировать компоненты из папки components следующим образом:

1

import MyComponent from 'components/MyComponent';

Аналогично можно создать алиасы для других папок, таких как pages, styles и т.д.