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
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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
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
éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment télécharger le lien de téléchargement de l'application Binance Application Binance Exchange pour obtenir
Aug 04, 2025 pm 11:21 PM
En tant que plate-forme de trading d'actifs numériques à la tête de Blockchain internationalement, Binance offre aux utilisateurs une expérience de trading s?re et pratique. Son application officielle intègre plusieurs fonctions de base telles que la visualisation du marché, la gestion des actifs, le trading de devises et le trading de devises fiduciaires.
Toncoin Dernière Prix Trend App 24hour Ton Ton Coin K-Line Chart en ligne Analyse
Aug 01, 2025 pm 09:42 PM
Toncoin (Ton) est une blockchain de premier niveau décentralisée con?ue à l'origine par l'équipe Telegram. Il est connu pour ses fonctionnalités hautes performances, à faible co?t et conviviale, et vise à fournir une plate-forme de réseau ouverte pour des milliards d'utilisateurs du monde entier. Sa tonne de token native est utilisée dans le réseau pour payer les frais de transaction, s'engager et participer à la gouvernance du réseau.
Comment pouvez-vous vérifier si le navigateur de l'utilisateur a activé JavaScript?
Aug 03, 2025 pm 12:19 PM
UsethetagtodisplayAmSSageorReDirectusers whinejavascriptisdisabled.2.ApplyGracefulDegradationByBuildingCorefonctionalitywithoutjavascriptAndenHancingitHenavailable.3.Adda "NO-JS" ClasstothehtmlelementAndUsejavascriptTorePlaceitwith "JS & QU
Comment télécharger la dernière version de l'application Binance Binance App Dernière version V3.0.7
Aug 01, 2025 pm 09:27 PM
Binance est une plate-forme de trading d'actifs numériques de renommée internationale, déterminée à offrir aux utilisateurs mondiaux une expérience de négociation s?re et efficace. En tant qu'application mobile, l'application officielle Binance intègre la visualisation du marché, l'exécution des transactions et la gestion des actifs, permettant aux utilisateurs de saisir la dynamique du marché à tout moment, n'importe où.
Binance Application officielle Télécharger le dernier lien Binance Exchange App Portal d'installation
Aug 04, 2025 pm 11:24 PM
Binance est une plate-forme de trading d'actifs numériques de renommée mondiale, offrant aux utilisateurs des services de trading de crypto-monnaie sécurisés, stables et riches. Son application est simple à concevoir et puissant, prenant en charge une variété de types de transactions et d'outils de gestion des actifs.
OUYI Exchange App Version Android V6.132.0 OUYI Application Site Web Office Téléchargement et Guide d'installation 2025
Aug 04, 2025 pm 11:18 PM
OKX est une plate-forme complète de services d'actifs numériques de renommée mondiale, offrant aux utilisateurs des produits et services diversifiés, notamment le spot, les contrats, les options, etc. Avec son expérience de fonctionnement fluide et son intégration de fonctions puissantes, son application officielle est devenue un outil commun pour de nombreux utilisateurs d'actifs numériques.
La dernière version de l'application officielle de Huobi.com est installée. Le site officiel de Huobi Exchange est l'adresse d'entrée du site officiel de Huobi Exchange.
Aug 01, 2025 pm 09:57 PM
Huobi est une plate-forme de service d'actifs numériques de renommée mondiale, offrant aux utilisateurs un large éventail de services de trading et de gestion d'actifs numériques. Avec son service professionnel, ses paires de transactions riches et son système de sécurité fiable, il a gagné la confiance de nombreux utilisateurs.
Binance Application officielle Dernier site officiel Entrance Binance Exchange App Adresse de téléchargement
Aug 04, 2025 pm 11:27 PM
Binance est l'une des plates-formes de trading d'actifs numériques bien connues au monde, offrant aux utilisateurs des services de trading de crypto-monnaie s?rs, stables et pratiques. Grace à l'application Binance, vous pouvez afficher les conditions du marché, acheter, vendre et la gestion des actifs à tout moment, n'importe où.
