Wie behebe ich den Fehler „Angemessener Loader“ bei der Verwendung von Webpack und Babel?

„Möglicherweise benötigen Sie einen geeigneten Loader, um diesen Dateityp zu verarbeiten“ mit Webpack und Babel

Entwicklern wird möglicherweise die Fehlermeldung „Möglicherweise“ angezeigt „Sie benötigen einen geeigneten Loader, um diesen Dateityp zu verarbeiten“, wenn Sie Webpack mit Babel zum Kompilieren von ES6-Code verwenden. Dieses Problem entsteht, wenn Babel nicht über die notwendigen Voreinstellungen verfügt, um bestimmte Syntax oder Funktionen zu verarbeiten.

Lösung für Babel 6.x und Webpack 1.x

Für ältere Versionen von Babel und Webpack lautet die Lösung wie folgt:

1. Installieren Sie die ES2015-Voreinstellung:

   npm install babel-preset-es2015

2. Konfigurieren Sie den Babel-Loader so, dass er die Voreinstellung enthält:

   {
       test: /\.jsx?$/,
       loader: 'babel-loader',
       exclude: /node_modules/,
       query: {
           presets: ['es2015']
       }
   }

Update für neuere Versionen

Für Babel >= 7.x und Webpack >= 2.x:

• Verwenden Sie @babel/preset-env anstelle von babel-preset-es2015.
• Verwenden Sie Optionen anstelle von Abfragen in der Babel-Loader-Konfiguration.

Das obige ist der detaillierte Inhalt vonWie behebe ich den Fehler „Angemessener Loader“ bei der Verwendung von Webpack und Babel?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!