web-dev-qa-db-fra.com

Comment faire en sorte que Webpack accepte le chaînage optionnel sans babel

Scénario:

  • Nous utilisons webpack 4 pour créer un bundle à partir de nos sources Javascript.
  • Nous n'utilisons pas Babel car nous ne créons que pour une seule plate-forme (dernière version de Chrome), et nous n'utilisons que des fonctionnalités directement disponibles dans Chrome , donc aucun transpilage n'est nécessaire.

Le côté positif de ceci est un plus petit paquet, et des délais d'exécution beaucoup plus rapides pendant le développement.

Maintenant, nous aimerions commencer à utiliser étape 4fonction de chaînage facultative qui peut être activé dans Chrome en utilisant un indicateur .

J'ai essayé de google ceci, et tout ce que j'ai pu trouver, c'est que babel a un plugin pour cela .

Question: Y a-t-il un moyen de faire accepter cette syntaxe par Webpack tout en omettant babel?

Voici ce que le Webpack rapporte actuellement:

ERROR in ./src/js/components/custom-select.js 245:12
Module parse failed: Unexpected token (245:12)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|      */
|     focus() {
>         this.input?.focus();
|         return this;
|     }
 @ ./src/js/components/components.js 16:0-49 16:0-49
javascriptwebpackoptional-chaining
5
connexo

Concernant la réponse de @ Klaycon, Acorn a publié aujourd'hui un nouvelle version qui prend en charge le chaînage facultatif. Dès que Webpack reflète le changement de son côté, l'utilisation du chaînage optionnel avec webpack ne devrait plus être un problème.

2
user3378165