Heim > Web-Frontend > js-Tutorial > Einführung in die Methode zur Verwendung von es6 in Express (ausführlich)

Einführung in die Methode zur Verwendung von es6 in Express (ausführlich)

不言
Freigeben: 2018-10-17 14:44:54
nach vorne
3081 Leute haben es durchsucht

Dieser Artikel bietet Ihnen eine ausführliche Einführung in die Methode zur Verwendung von es6. Ich hoffe, dass er Ihnen als Referenz dienen wird.

Der auf der offiziellen Express-Website bereitgestellte JavaScript-Standard ist es5, der es6 nicht direkt ausführen kann. Wenn Sie die es6-Schreibmethode in Express verwenden möchten, können Sie zum Transkodieren den Transcoder Babel verwenden.

In der Entwicklungsumgebung

1. Installieren Sie babel-cli im Express-Projekt

$ npm install --save-dev babel-cli
Nach dem Login kopieren

2. Installieren Sie Voreinstellungen

npm install --save-dev babel-preset-es2015 babel-preset-stage-2
Nach dem Login kopieren

3. Fügen Sie das laufende Skript in package.json hinzu

{
    ...
    "scripts": {
        "start": "babel-node index.js --presets es2015,stage-2"
     }
    ...
}
Nach dem Login kopieren

4. Jetzt können Sie ein es6 schreiben

5. Führen Sie gerade mit dem Lernen aus express, werden Sie auf ein Problem stoßen: Jedes Mal, wenn Sie ein wenig Code ändern, müssen Sie den Dienst neu starten. Wir hoffen, den „Hot-Update“-Effekt zu erreichen. Als nächstes können wir Nodemon verwenden, um Dateiänderungen zu überwachen, um den Hot-Update-Effekt zu erzielen, anstatt den Dienst jedes Mal neu zu starten

npm start
Nach dem Login kopieren

2. Ändern Sie das Skript

npm install --save-dev nodemon
Nach dem Login kopieren

3. Führen Sie

{
    ...
    "scripts": {
        "start": "nodemon index.js --exec babel-node --presets es2015,stage-2" 
    }
    ...
}
Nach dem Login kopieren

Ändern Sie jetzt den js-Code aus, ohne den Dienst neu zu starten, um den Effekt zu erzielen

Das obige ist der detaillierte Inhalt vonEinführung in die Methode zur Verwendung von es6 in Express (ausführlich). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage