Utilisez des importations absolues dans l'application Next.js déployée avec Zeit maintenant

Question

Dans le didacticiel suggéré de la manière suggérée de composants partagés d'importation est par des chemins relatifs, comme

import Header from '../components/Header';

Je veux utiliser des importations absolues, comme

import Header from 'components/Header';

Comment faire ce travail à la fois localement et quand i déployez-vous à l'aide de la CLI maintenant ?

---

En utilisant la configuration suggérée du didacticiel, ma structure de projet est la suivante:

my-project
├── components
├── pages
└── package.json

Answer 1

Modifier la configuration du pack Web:

//next.config.js file
module.exports = {  
    webpack(config) {
      config.resolve.modules.Push(__dirname)
      return config;
    },
}

Ensuite, utilisez-le comme ceci:

import TopBar from 'components/TopBar' // for components
import "public/baseLine.css" // for any public resources