Maison > interface Web > js tutoriel > Introduction à la méthode d'utilisation d'es6 dans express (détaillée)

Introduction à la méthode d'utilisation d'es6 dans express (détaillée)

不言
Libérer: 2018-10-17 14:44:54
avant
3046 Les gens l'ont consulté

Le contenu de cet article est une introduction à la méthode d'utilisation d'es6 dans express (détaillée). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Le standard JavaScript fourni sur le site officiel d'Express est es5, qui ne peut pas exécuter directement es6. Si vous souhaitez utiliser la méthode d'écriture es6 en express, vous pouvez utiliser le transcodeur Babel pour transcoder.

Dans l'environnement de développement

1. Installez babel-cli dans le projet express

$ npm install --save-dev babel-cli
Copier après la connexion

2. Installez les préréglages

npm install --save-dev babel-preset-es2015 babel-preset-stage-2
Copier après la connexion
3. Ajoutez le script en cours d'exécution dans package.json

{
    ...
    "scripts": {
        "start": "babel-node index.js --presets es2015,stage-2"
     }
    ...
}
Copier après la connexion
4. Vous pouvez maintenant utiliser la méthode d'écriture es6, écrivez un es6

5. >

Lorsque vous commencerez à apprendre Express, vous rencontrerez un problème : chaque fois que vous modifiez un petit peu de code, vous devez redémarrer le service. Nous espérons obtenir l'effet "mise à jour à chaud". Ensuite, nous pouvons utiliser nodemon pour surveiller les modifications de fichiers afin d'obtenir l'effet de mise à jour à chaud au lieu de redémarrer le service à chaque fois

npm start
Copier après la connexion
1. Installez nodemon

2. Modifiez le script

npm install --save-dev nodemon
Copier après la connexion

3. Exécutez

{
    ...
    "scripts": {
        "start": "nodemon index.js --exec babel-node --presets es2015,stage-2" 
    }
    ...
}
Copier après la connexion

Changez maintenant le code js sans redémarrer le service pour obtenir l'effet

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!

Étiquettes associées:
source:segmentfault.com
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal