779 votes

Comment puis-je aliaser une importation par défaut en JavaScript ?

En utilisant les modules ES6, je sais que je peux aliaser un import nommé :

import { foo as bar } from 'my-module';

Et je sais que je peux importer une importation par défaut :

import defaultMember from 'my-module';

Je voudrais aliaser une importation par défaut et j'avais pensé que ce qui suit fonctionnerait :

import defaultMember as alias from 'my-module';

Mais cela entraîne une erreur d'analyse (syntaxe).

Comment puis-je (ou puis-je ?) aliaser une importation par défaut ?

1465voto

Bergi Points 104242

defaultMember déjà est un alias - il n'est pas nécessaire que ce soit le nom de la fonction/chose exportée. Faites simplement

import alias from 'my-module';

Vous pouvez également faire

import {default as alias} from 'my-module';

mais c'est plutôt ésotérique.

31 votes

L'alias seul est ésotérique ! Importation de l'exportation nommée et le défaut est pratique pour tester les composants redux : import WrappedComponent, { Component } from 'my-module';

6 votes

Certaines règles très strictes de tslinting ne sont pas d'accord et veulent que vous conserviez le nom de l'entrée par défaut comme nom de fichier.

2 votes

@Blauhirn Est-ce que c'est pour les vieux IDE qui ne peuvent pas suivre les références et doivent utiliser la recherche et le remplacement global pour leurs outils de refactoring ? C'est ridicule.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X