Блог

Главная - Вопросы по программированию - Перенаправляет в `next.config.js `при использовании `@next / bundle-analyzer`?

Перенаправляет в `next.config.js `при использовании `@next / bundle-analyzer`?

#javascript #webpack #next.js

#javascript #webpack #next.js

Вопрос:

У меня есть следующий код в моем next.config.js :

 module.exports = withBundleAnalyzer({
    pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
    experimental: {
        modern: true,
    },
    webpack: (config, options) => {
     ...
    }
})

Я хочу перенаправить со / страницы на /about страницу.

Next.js в документации говорится, что именно так вы должны использовать перенаправления:

 module.exports = {
  async redirects() {
    return [
      {
        source: '/',
        destination: '/about',
        permanent: true
      }
    ]
  }
}

Как мне использовать redirects в моем случае, т.е. При использовании @next/bundle-analyzer ?

Комментарии:

1. Не могли бы вы объяснить, чего вы пытаетесь достичь, что вы пробовали и что вы получили?

2. @MikhailVladimirov сделано. извините, я просто скопировал вопрос из Next.js форум, где я мог бы многое опустить

Ответ №1:

 module.exports = withBundleAnalyzer({
  pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
  experimental: {
    modern: true,
  },
  webpack: (config, options) => {
    ...
  },
  async redirects() {
    return [
      {
        source: '/',
        destination: '/about',
        permanent: true
      }
    ]
  }
}

или более понятный:

 module.exports = withBundleAnalyzer({
  pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
  experimental: {
    modern: true,
  },
  webpack: (config, options) => {
    ...
  },
  redirects: async () => {
    return [
      {
        source: '/',
        destination: '/about',
        permanent: true
      }
    ]
  }
}