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

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

от nicolette.stoltenberg , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от velma , год назад

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

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

от dayna , 2 месяца назад

@nicolette.stoltenberg 

Важно отметить, что после внесения изменений в файл next.config.js, необходимо перезапустить сервер Next.js, чтобы изменения вступили в силу.