Webpack Babel - über .babelrc

Hi Ich frage mich nur, ob es einen Grund gibt, eine .babelrc-Datei zum Speichern der Voreinstellung zu haben, anstatt die Voreinstellungen in der Datei webpack.config zu haben (abgesehen davon, dass ich die babelrc-Datei wiederverwenden kann) in einem anderen Projekt). Ich hatte eine Anwendung, die ordnungsgemäß mit einer .babelrc Datei wie folgt funktioniert:Webpack Babel - über .babelrc

{ 
    "presets": ["es2015", "stage-0","react"] 
}

Ich zog dann die App auf eine andere webpack Struktur ohne .babelrc Datei:

//webpack.config.js 
module: { 
    loaders: [ 
     { 
     test: /(\.js|\.jsx)$/, 
     exclude: /(node_modules)/, 
     loader: 'babel', 
     query: { presets: ['es2015', 'stage-0', 'react'] } 
     },

Seltsamerweise die App jetzt hört auf, mit dem Problem zu arbeiten, das jsx analysiert und "Schlüsselwörter" usw. in meiner server.js Akte "importiert". Es funktioniert nur, wenn ich die babelrc-Datei wieder hinzufüge. Kann mir jemand bitte erklären, warum es nur mit babelrc file funktioniert?

Quelle

2016-10-06 mtangula

Es ist wie Ihre server.js Datei klingt, ist nicht mit webpack aber unter Berufung auf babel-node/babel-register? – riscarrott

die server.js-Datei verwendet Webpack.config – mtangula

Ich weiß eigentlich nicht, was du meinst, aber Sie könnten auf etwas wie ich eine Zeile benötigen ('babel-core/register ') in der Server-Datei, aber gleichzeitig wird die webpack.config-Datei verknüpft (dh importiert) – mtangula

Ihren Lader in Ihrem webpack.config.js-babel-loader ändern und davor müssen Sie sie

npm install babel-loader babel-core babel-preset-es2015 --save-dev

auch sicher, dass Sie babel-preset-react installiert haben

Befehl

webpack.config.js machen mit installieren

module: { 
    loaders: [ 
     { 
     test: /\.js?$/, 
     exclude: /(node_modules|bower_components)/, 
     loader: 'babel-loader', 
     query: { 
      presets: ['react', 'es2015', 'stage-0'], 
      plugins: ['react-html-attrs', 'transform-decorators-legacy'], 
     } 
     } 
    ] 
    },

Quelle

2016-10-06 11:02:33

nein, leider ist das nicht die antwort, da es immer noch nichts tut. Ich habe andere Apps, die Babel wie die oben genannten und nicht Babel-Loader verwenden und sie arbeiten immer noch. – mtangula

Überprüfen Sie das Update, das ist, wie ich das Webpack-Modul verwende und es funktioniert für mich. lassen Sie mich wissen, wenn es jetzt funktioniert –

nein, ich habe diese Plugins hinzugefügt, aber es besteht immer noch darauf, dass ich in die .babelrc-Datei. – mtangula

In Ihrem webpack Config stattdessen die query Möglichkeit, vorbei Sie Setup babel Optionen mit dem babel Schlüsselwort können:

babel: { 
    babelrc: false, 
    presets: ['react', 'es2015', 'stage-0'], 
    plugins: ['react-html-attrs', 'transform-decorators-legacy'] 
}, 
modules: { 
    loaders: [ 
    ... 
    ] 
}

Dies scheint das Problem für mich festgelegt zu haben. Leider weiß ich nicht genau, warum das funktioniert :-(

Sie können einige der babel-loader-Tests sehen verwenden, dies zu Setup-Optionen: https://github.com/babel/babel-loader/blob/master/test/options.test.js#L70

Quelle

2016-11-01 02:48:14 rramsden

Webpack Babel - über .babelrc

Antwort

Verwandte Themen