国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Maison interface Web js tutoriel Pourquoi le code ES6 n'est-il pas traduit en ES5 lorsque Vite Builds JS Library?

Pourquoi le code ES6 n'est-il pas traduit en ES5 lorsque Vite Builds JS Library?

Apr 04, 2025 am 11:30 AM
Navigateur ai

Pourquoi le code ES6 n'est-il pas traduit en ES5 lorsque Vite Builds JS Library?

Vite builds JS Library: Solution pour le code ES6 non traduit en ES5

Lorsque vous utilisez Vite pour créer des bibliothèques JS, les développeurs rencontrent souvent des problèmes que le code ES6 n'est pas traduit en ES5, ce qui conduit à des erreurs de compatibilité dans l'ancien environnement du navigateur. Cet article analyse un cas et fournit des solutions.

Dans le cas, le développeur a utilisé VITE pour construire la bibliothèque JS et a utilisé l'opérateur de fusion de valeur NULL d'ES6 (??), mais le code emballé contient toujours la syntaxe ES6, résultant en une erreur. Sa configuration vite.config.js est la suivante:

 import {DefinConfig} de "Vite";
Importer Babel à partir de "@ rollup / plugin-babel";

Exporter de défaut DefiConfig ({
  construire: {
    lib: {
      Entrée: "./lib/main.js",
      Nom: "FastCodeTest",
      nom de fichier: (format) => `FastCodeTest. $ {format} .js`,
      formats: ["es", "umd"],
    },
  },
  rollupoptions: {
    Plugins: [
      babel ({
        Babelhelpers: "groupé",
        exclure: "node_modules / **",
        Presets: [
          [
            "@ babel / preset-env",
            {
              cibles: {
                navigateurs: "> 0,25%, pas mort", // Définissez le navigateur cible},
              usebuiltins: "entrée",
              Corejs: 3,
            },
          ],
        ],
      }),
    ],
  },
});

La cause profonde du problème réside dans targets: { browsers: "> 0.25%, not dead" } . Cette configuration définit le navigateur cible sur un navigateur avec une part de plus de 0,25% et aucune maintenance n'a été arrêtée. Les navigateurs modernes soutiennent nativement ES6, donc Babel ne se traduira pas.

Solution:

Pour assurer la compatibilité ES5, vous devez modifier targets pour spécifier explicitement les navigateurs de version inférieure, par exemple:

 cibles: {
  BROWNSEMENTS: ["IE> = 11", "DERNIERS 2 Versions", "Not Dead"] // ou Numéro de version plus spécifique}

Alternativement, pour un contr?le plus granulaire, envisagez d'utiliser une liste de compatibilité du navigateur plus complète, comme la configuration fournie par browserslist . De plus, d'autres raisons qui peuvent entra?ner des erreurs, telles que les différences de version de l'environnement de n?ud, doivent être exclues. Ce n'est qu'après que d'autres facteurs sont exclus, la configuration de Babel sera ajustée. Assurez-vous que le plugin @babel/preset-env est correctement installé.

En modifiant targets , Babel traduirea correctement le code ES6 en ES5, résolvant ainsi le problème de compatibilité. N'oubliez pas que le choix de la bonne configuration targets dépend de la plage de support de votre navigateur cible.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefa?on, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel PHP
1502
276
Binance Site officiel SEULEMENT Adresse correcte de l'entrée Binance Site officiel SEULEMENT Adresse correcte de l'entrée Aug 06, 2025 pm 11:33 PM

La seule entrée correcte pour le site officiel de Binance est le site officiel avec un nom de domaine se terminant par .com, et il n'y a pas de symboles ou de sous-répertoires supplémentaires; 2. Pour vérifier l'authenticité du site officiel, vous devez vérifier le certificat SSL, consulter le nom de domaine via les médias sociaux officiels et vous méfier des liens de phishing; 3. Les méthodes de fraude courantes incluent des noms de domaine contrefaits, de la fausse incitation au service client et des pièges à téléchargement d'applications via des canaux non officiels; 4. Les suggestions d'accès s?r incluent l'activation de la vérification à deux facteurs, à l'aide de signets de navigateur pour enregistrer l'adresse officielle du site Web et vérifier régulièrement l'état d'autorisation de l'appareil pour assurer la sécurité et l'intégrité du compte.

Blockchain Browser: Un outil incontournable pour interroger les informations de transaction de monnaie numérique Blockchain Browser: Un outil incontournable pour interroger les informations de transaction de monnaie numérique Aug 06, 2025 pm 11:27 PM

Le navigateur Blockchain est un outil nécessaire pour interroger les informations de transaction de monnaie numérique. Il fournit une interface visuelle pour les données de blockchain, afin que les utilisateurs puissent interroger le hachage de transaction, la hauteur de blocage, le solde d'adresse et d'autres informations; Son principe de travail comprend la synchronisation des données, l'analyse, l'indexation et l'affichage de l'interface utilisateur; Les fonctions principales couvrent les détails de la transaction de requête, les informations de bloc, le solde d'adresse, les données de jetons et l'état du réseau; Lorsque vous l'utilisez, vous devez obtenir TXID et sélectionner le navigateur blockchain correspondant tel que Etherscan ou Blockchain.com pour rechercher; Interroger les informations de l'adresse pour afficher l'historique du solde et des transactions en entrant l'adresse; Les navigateurs grand public incluent Bitcoin's Blockchain.com, Ethereum's Etherscan.io, B

Blockstream lance la simplicité pour apporter de nouvelles alternatives à la solidité d'Ethereum (ETH) Blockstream lance la simplicité pour apporter de nouvelles alternatives à la solidité d'Ethereum (ETH) Aug 06, 2025 pm 08:45 PM

L'essor d'un langage de programmation de contrats intelligents dédié pour différentes architectures. Blockstream, dirigé par Adamback, a officiellement lancé Simplicity, un langage de contrat intelligent natif con?u pour Bitcoin, offrant à la solidité d'Ethereum une nouvelle option compétitive. En tant que créateur de Liquid, le réseau de deuxième couche de Bitcoin, Blockstream a un fond profond dans le domaine du chiffrement, et son leader Adamback est une figure clé de l'histoire du développement de Bitcoin. Le langage de simplicité publié cette fois vise à introduire une programmabilité plus forte dans l'écosystème Bitcoin. Selon les nouvelles de l'entreprise à Cointelegraph jeudi, simplifié

OUYI OKX SITE WEB OFFICIEL V6.135.0 Android Version Téléchargez et installez OUYI OKX SITE WEB OFFICIEL V6.135.0 Android Version Téléchargez et installez Aug 06, 2025 pm 11:39 PM

Confirmez que l'adresse officielle du site Web est www.okx.com et entrez manuellement pour empêcher le phishing; 2. Assurez-vous que le système Android est supérieur à 5,0, réservez 100 Mo d'espace et activez l'autorisation "Autoriser des sources inconnues"; 3. Téléchargez le fichier APK pour Android V6.135.0 via le site officiel, et il est recommandé de vérifier la valeur de hachage SHA256; 4. Cliquez sur le fichier APK pour installer et permettez manuellement "continuer à installer" ou "faire confiance à cette source"; 5. Accordez les autorisations nécessaires telles que le stockage, le réseau, etc.; 6. Ouvrez l'ic?ne OUYI OKX sur le bureau une fois l'installation terminée.

De la blockchain à la crypto-monnaie, une analyse complète des concepts de base De la blockchain à la crypto-monnaie, une analyse complète des concepts de base Aug 06, 2025 pm 11:51 PM

La blockchain est une technologie de registre numérique distribué et décentralisé. Ses principes principaux comprennent: 1. Le grand livre distribué garantit que les données sont stockées simultanément sur tous les n?uds; 2. Technologie de chiffrement, liant les blocs par le biais de valeurs de hachage pour garantir que les données ne sont pas falsifiées; 3. Les mécanismes de consensus, tels que POW ou POS, garantissent que les transactions sont convenues entre les n?uds; 4. Décentralisation, éliminant un seul point de contr?le, améliorant la résistance à la censure; 5. Contrats intelligents, protocoles d'exécution automatisée. Les crypto-monnaies sont des actifs numériques émis en fonction de la blockchain. Le processus de fonctionnement est: 1. L'utilisateur initie les transactions et les signes numériquement; 2. Les transactions sont diffusées au réseau; 3. Le mineur ou le vérificateur vérifie la validité de la transaction; 4. Plusieurs transactions sont emballées dans de nouveaux blocs; 5. Confirmer la nouvelle zone par le mécanisme consensuel

Les dix principales plates-formes de trading de devises au monde, les dix principales applications de logiciels de trading dans le cercle des devises Les dix principales plates-formes de trading de devises au monde, les dix principales applications de logiciels de trading dans le cercle des devises Aug 06, 2025 pm 11:42 PM

Binance: est connu pour sa liquidité élevée, son support multi-monnaie, ses modes de trading diversifiés et ses puissants systèmes de sécurité; 2. OKX: fournit des produits de trading diversifiés, de la disposition Defi et NFT, et possède un moteur de correspondance haute performance; 3. Huobi: profondément engagé sur le marché asiatique, prête attention aux opérations de conformité et fournit des services professionnels; 4. Coinbase: solide conformité, interface amicale, adaptée aux novices et est une entreprise cotée; 5. Kraken: mesures de sécurité strictes, prend en charge plusieurs monnaies fiduciaires et a une transparence élevée; 6. Bibit: se concentre sur le commerce dérivé, la faible latence et le contr?le complet des risques; 7. Kucoin: Rich Devise, soutient les projets émergents et peut profiter de dividendes avec les KC; 8. Gate.io: nouvelles pièces fréquentes, avec copie tr

Contrats intelligents - Protocole d'exécution automatique sur la blockchain Contrats intelligents - Protocole d'exécution automatique sur la blockchain Aug 06, 2025 pm 11:48 PM

Les contrats intelligents sont des programmes d'exécution automatique stockés sur des blockchains. Le noyau consiste à implémenter la logique "if ... alors ..." via le code pour exécuter des protocoles d'une manière décentralisée et sans stimulation. 1. Code d'écriture: définir la logique contractuelle à l'aide de langues telles que la solidité; 2. Compiler: convertir le code en bytecode lisible par machine; 3. Deploy: publiez le bytecode sur la blockchain via les transactions et générez une adresse unique; 4. Exécution de déclenchement: lorsque les conditions prédéfinies sont remplies, le contrat s'exécutera automatiquement; 5. Enregistrer le résultat: toutes les opérations sont enregistrées en permanence sur la cha?ne pour assurer la transparence et la vérifiabilité. Il résout la confiance, l'efficacité, le co?t, la transparence et les risques d'exécution dans les protocoles traditionnels, et est largement utilisé dans les domaines de la cha?ne d'approvisionnement, de la gestion des droits d'auteur, du vote, de l'assurance et du jeu.

Ethereum, une plate-forme blockchain qui dépasse le bitcoin, avec des avantages et des stocks d'innovation Ethereum, une plate-forme blockchain qui dépasse le bitcoin, avec des avantages et des stocks d'innovation Aug 06, 2025 pm 11:57 PM

Grace à ses contrats intelligents Turing-Complete, ses machines virtuelles EVM et ses mécanismes de gaz, Ethereum a construit une plate-forme blockchain programmable au-delà du bitcoin, soutenant les écosystèmes d'application diversifiés tels que Defi et NFT; Ses principaux avantages incluent un écosystème DAPP riche, une forte programmabilité, une communauté de développeurs actifs et une interopérabilité transversale; Il met actuellement en ?uvre une transformation consensuelle de la POW au POS à travers la mise à niveau d'Ethereum 2.0, introduisant des cha?nes de balises, des mécanismes de vérificateur et des systèmes de punition pour améliorer l'efficacité énergétique, la sécurité et la décentralisation; à l'avenir, il s'appuiera sur la technologie de rupture pour réaliser le fragment des données et le traitement parallèle, améliorant considérablement le débit; Dans le même temps, la technologie Rollup a été largement utilisée comme solution de couche 2, Rollup optimiste et ZK-Rollu

See all articles