Utilisez des importations absolues dans l'application Next.js déployée avec Zeit maintenant
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
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