Απλός έλεγχος τύπου για next.config.js
Αυτό δεν είναι τόσο πραγματικό άρθρο, αλλά περισσότερο μια εκ νέου δημοσίευση ενός μέρους της τεκμηρίωσης του Next.js, καθώς πιστεύω ότι είναι σημαντικό να κοινοποιηθεί. Όσον αφορά τη χρήση τύπων για το next.config.js, δεν υπάρχει πραγματική επίσημη υποστήριξη από την ομάδα Next.js, καθώς η χρήση ενός αρχείου Typescript για αυτήν τη διαμόρφωση δεν είναι δυνατή χωρίς κάποιες παραβιάσεις.
Από την έκδοση 10.2.3, το ακόλουθο απόσπασμα κώδικα είναι διαθέσιμο στην τεκμηρίωση για να επιτρέψει μια απλή παραλλαγή ελέγχου τύπου. Λάβετε υπόψη ότι χρησιμοποιούμε Typescript, αλλά το αρχείο config δεν θα μεταφερθεί από το πρόγραμμα δέσμευσης του έργου. Η λειτουργία που χρησιμοποιείται είναι η ετικέτα "@type" από το JSDoc για την εισαγωγή τύπων σε ένα αρχείο JS.
// Add the following line at the top of the file:
// @ts-check
// Then for the config itself, import the types
// via '@type'-tag.
/**
* @type {import('next/dist/next-server/server/config').NextConfig}
**/
const nextConfig = {
/* config options here */
}
// End of file.
module.exports = nextConfig
Φυσικά, μπορείτε επίσης να ρυθμίσετε ένα προσαρμοσμένο βήμα Typescript-config και preprocessor για να μεταφέρετε τη διαμόρφωση στο Javascript μόνοι σας. Αλλά προς το παρόν, νομίζω ότι δεν αξίζει τον κόπο, καθώς δεν υπάρχει ουσιαστική υποστήριξη για το Typescript από παρόχους προσθηκών. Λοιπόν, τελικά, καταλήγετε με τύπους για τη βασική σας διαμόρφωση, αλλά θα χρειαστείτε ακόμα «οποιοδήποτε» για όλα τα άλλα πρόσθετα χωρίς τύπους ακόμα.
