Vorher fügte Babel die Zeile hinzu module.exports = exports["default"]. Das macht es nicht mehr. Was dies bedeutet, ist bevor ich tun konnte:

var foo = require('./foo');
// use foo

Jetzt muss ich das machen:

var foo = require('./foo').default;
// use foo

Keine große Sache (und ich vermute, das hätte es die ganze Zeit sein sollen). Das Problem ist, dass ich viel Code habe, der davon abhängt, wie die Dinge früher funktionierten (ich kann das meiste davon in ES6-Importe konvertieren, aber nicht alles). Kann mir jemand Tipps geben, wie man die alte Art zum Laufen bringt, ohne mein Projekt durchgehen und dies beheben zu müssen (oder sogar eine Anleitung, wie man ein Codemod schreibt, um dies zu tun, wäre ziemlich schlau).

Vielen Dank!

Beispiel:

Eingang:

const foo = {}
export default foo

Ausgabe mit Babel 5

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var foo = {};
exports["default"] = foo;
module.exports = exports["default"];

Ausgabe mit Babel 6 (und es2015 Plugin):

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var foo = {};
exports["default"] = foo;

Beachten Sie, dass der einzige Unterschied in der Ausgabe die ist module.exports = exports["default"].

Bearbeiten

Vielleicht interessiert Sie dieser Blogpost, den ich geschrieben habe, nachdem ich mein spezielles Problem gelöst habe: Missverständnis von ES6-Modulen, Aktualisieren von Babel, Tränen und eine Lösung

Sie können dieses Plugin auch verwenden , um das alte exportVerhalten wiederherzustellen.

Wenn Sie das CommonJS-Exportverhalten wünschen, müssen Sie CommonJS direkt verwenden (oder das Plugin in der anderen Antwort verwenden). Dieses Verhalten wurde entfernt, weil es Verwirrung stiftete und zu einer ungültigen ES6-Semantik führte, auf die sich einige Leute verlassen hatten, z

export default {
  a: 'foo'
};

und dann

import {a} from './foo';

Dies ist ungültiges ES6, funktionierte jedoch aufgrund des von Ihnen beschriebenen CommonJS-Interoperabilitätsverhaltens. Leider ist es nicht möglich, beide Fälle zu unterstützen, und es ist schlimmer, wenn Benutzer ungültiges ES6 schreiben können, als wenn Sie dies tun .default.

Das andere Problem war, dass es für Benutzer unerwartet war, wenn sie beispielsweise in Zukunft einen benannten Export hinzufügten

export default 4;

dann

require('./mod');
// 4

aber

export default 4;
export var foo = 5;

dann

require('./mod')
// {'default': 4, foo: 5}

Für Bibliotheksautoren können Sie dieses Problem möglicherweise umgehen.

Normalerweise habe ich einen Einstiegspunkt, dh index.jsdie Datei, auf die ich aus dem Hauptfeld in zeige package.json. Es wird nichts anderes getan, als den tatsächlichen Einstiegspunkt der Bibliothek erneut zu exportieren:

export { default } from "./components/MyComponent";

Um das Babel-Problem zu umgehen, habe ich dies in eine importAnweisung geändert und dann die Standardeinstellung zugewiesen module.exports:

import MyComponent from "./components/MyComponent";
module.exports = MyComponent;

Alle meine anderen Dateien bleiben als reine ES6-Module ohne Problemumgehungen. Also muss nur der Einstiegspunkt leicht geändert werden :)

Dies funktioniert sowohl für CommonJs als auch für ES6-Importe, da Babel das Reverse Interop (commonjs -> es6) anscheinend nicht gelöscht hat. Babel injiziert die folgende Funktion, um Commonjs zu reparieren:

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 

Ich habe Stunden damit verbracht, dagegen anzukämpfen, also hoffe ich, dass dies jemand anderem die Mühe erspart!

Ich hatte solche Probleme. Und das ist meine Lösung:

//src/arithmetic.js

export var operations = {
  add: function (a, b) {
      return a + b;
  },

  subtract: function (a, b) {
      return a - b;
  }
};

//src/main.js

import { operations }  from './arithmetic';

let result = operations.add(1, 1);

console.log(result);