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

Пользователь

от nicolette.stoltenberg , в категории: JavaScript , 7 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от velma , 6 месяцев назад

@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 и т.д.