Sebelumnya, babel akan menambahkan baris module.exports = exports["default"]. Tidak lagi melakukan ini. Apa artinya ini sebelum saya bisa melakukan:

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

Sekarang saya harus melakukan ini:

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

Bukan masalah besar (dan saya menduga inilah yang seharusnya selama ini). Masalahnya adalah bahwa saya memiliki banyak kode yang bergantung pada cara hal-hal yang digunakan untuk bekerja (saya dapat mengonversikan sebagian besar ke impor ES6, tetapi tidak semuanya). Adakah yang bisa memberi saya tips tentang cara membuat cara lama bekerja tanpa harus melalui proyek saya dan memperbaiki ini (atau bahkan beberapa instruksi tentang cara menulis codemod untuk melakukan ini akan sangat licin).

Terima kasih!

Contoh:

Memasukkan:

const foo = {}
export default foo

Output dengan Babel 5

"use strict";

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

Output dengan Babel 6 (dan plugin es2015):

"use strict";

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

Perhatikan bahwa satu-satunya perbedaan dalam output adalah module.exports = exports["default"].

Edit

Anda mungkin tertarik pada posting blog ini yang saya tulis setelah menyelesaikan masalah spesifik saya: Modul ES6 Kesalahpahaman, Memutakhirkan Babel, Air Mata, dan Solusi

Anda juga dapat menggunakan plugin ini untuk mendapatkan exportkembali perilaku lama .

Jika Anda ingin perilaku ekspor CommonJS, Anda harus menggunakan CommonJS secara langsung (atau menggunakan plugin di jawaban lain). Perilaku ini telah dihapus karena menyebabkan kebingungan dan menyebabkan semantik ES6 yang tidak valid, yang diandalkan oleh beberapa orang misalnya

export default {
  a: 'foo'
};

lalu

import {a} from './foo';

yang ES6 tidak valid tetapi bekerja karena perilaku interoperabilitas CommonJS yang Anda gambarkan. Sayangnya mendukung kedua kasus itu tidak mungkin, dan memungkinkan orang untuk menulis ES6 yang tidak valid adalah masalah yang lebih buruk daripada membuat Anda melakukannya .default.

Masalah lainnya adalah bahwa itu tidak terduga bagi pengguna jika mereka menambahkan ekspor bernama di masa depan, misalnya

export default 4;

kemudian

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

tapi

export default 4;
export var foo = 5;

kemudian

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

Untuk penulis perpustakaan, Anda mungkin dapat mengatasi masalah ini.

Saya biasanya memiliki titik masuk index.js,, yang merupakan file yang saya tunjuk dari bidang utama di package.json. Ia tidak melakukan apa-apa selain mengekspor kembali titik masuk aktual lib:

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

Untuk mengatasi masalah babel, saya mengubah ini menjadi importpernyataan dan kemudian menetapkan default ke module.exports:

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

Semua file saya yang lain tetap sebagai modul ES6 murni, tanpa solusi. Jadi hanya titik masuk yang perlu diubah sedikit :)

Ini akan bekerja untuk commonjs memerlukan, dan juga untuk impor ES6 karena babel tampaknya tidak menjatuhkan reverse interop (commonjs -> es6). Babel menyuntikkan fungsi berikut untuk menambal commonjs:

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

Saya telah menghabiskan berjam-jam berjuang melawan ini, jadi saya harap ini menyelamatkan orang lain upaya!

Saya memiliki masalah seperti itu. Dan ini solusi saya:

//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);