"Möglicherweise benötigen Sie einen geeigneten Loader für diesen Dateityp" mit Webpack und Babel
Ich versuche, mit Webpack mit Babel zu kompilieren ES6 Vermögen, aber ich bin immer folgende Fehlermeldung:
You may need an appropriate loader to handle this file type.
| import React from 'react';
| /*
| import { render } from 'react-dom'
Hier ist, was mein Webpack config sieht wie folgt aus:
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: './index',
output: {
path: path.join(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/dist/'
},
module: {
loaders: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/
}
]
}
}
Hier ist die middleware Schritt, der Webpack:
var webpack = require('webpack');
var webpackDevMiddleware = require('webpack-dev-middleware');
var config = require('./webpack.config');
var express = require('express');
var app = express();
var port = 3000;
var compiler = webpack(config);
app.use(webpackDevMiddleware(compiler, {
noInfo: true,
publicPath: config.output.publicPath
}));
app.get('/', function(req, res) {
res.sendFile(__dirname + '/index.html');
});
app.listen(port, function(err) {
console.log('Server started on http://localhost:%s', port);
});
Alle meine index.js die Datei macht, ist das importieren reagieren, aber wie es scheint, die "babel-loader' nicht funktioniert.
Ich bin mit 'babel-loader' 6.0.0.
InformationsquelleAutor der Frage egidra | 2015-11-02
Du musst angemeldet sein, um einen Kommentar abzugeben.
Zu installieren, müssen Sie die
es2015
Vorgabe:und konfigurieren Sie dann
babel-loader
:InformationsquelleAutor der Antwort loganfsmyth
Stellen Sie sicher, dass die es2015 babel preset installiert.
Beispiel Paket.json devDependencies ist:
Nun konfigurieren babel-loader in Ihrem webpack config:
hinzufügen .babelrc - Datei in das Stammverzeichnis von Ihrem Projekt, wo der-Knoten-Module sind:
Mehr info:
babeljs.io - Verwendung von babel mit webpack
babeljs.io - docs auf .babelrc
reagieren-webpack-Kochbuch - konfigurieren Sie reagieren mit webpack
InformationsquelleAutor der Antwort steven iseki
Wenn Sie mit Webpack > 3 dann brauchen Sie nur zu installieren
babel-preset-env
da diese voreingestellten Konten für es2015, es2016 und es2017.Dieser nimmt seine Konfiguration aus meiner
.babelrc
Datei:InformationsquelleAutor der Antwort Mr. Doomsbuster
Bei der Verwendung Typoskript:
In meinem Fall habe ich die neuere syntax von webpack v3.11 aus Ihrer Dokumentation Seite
Ich habe gerade kopiert den css-und style-loader-Konfiguration Ihrer website.
Der auskommentierte code (neuere API) diesen Fehler verursacht, siehe unten.
Dem richtigen Weg ist dieses:
in der Reihe der Lader Eigenschaft.
InformationsquelleAutor der Antwort Legends