Trước đây, babel sẽ thêm dòng module.exports = exports["default"]. Nó không còn làm điều này. Điều này có nghĩa là trước khi tôi có thể làm:

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

Bây giờ tôi phải làm điều này:

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

Không phải là một vấn đề lớn (và tôi đoán đây là những gì nó nên có cùng). Vấn đề là tôi có rất nhiều mã phụ thuộc vào cách mọi thứ hoạt động (tôi có thể chuyển đổi hầu hết mã sang nhập ES6, nhưng không phải tất cả mã). Bất cứ ai có thể cho tôi lời khuyên về cách làm cho cách cũ hoạt động mà không cần phải thông qua dự án của tôi và sửa lỗi này (hoặc thậm chí một số hướng dẫn về cách viết một codemod để làm điều này sẽ khá khó khăn).

Cảm ơn!

Thí dụ:

Đầu vào:

const foo = {}
export default foo

Đầu ra với Babel 5

"use strict";

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

Đầu ra với Babel 6 (và plugin es2015):

"use strict";

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

Lưu ý rằng sự khác biệt duy nhất trong đầu ra là module.exports = exports["default"].

Biên tập

Bạn có thể quan tâm đến blog này tôi đã viết sau khi giải quyết vấn đề cụ thể của mình: Hiểu lầm Mô-đun ES6, Nâng cấp Babel, Nước mắt và Giải pháp

Bạn cũng có thể sử dụng plugin này để lấy exportlại hành vi cũ .

Nếu bạn muốn hành vi xuất CommonJS, bạn sẽ cần sử dụng CommonJS trực tiếp (hoặc sử dụng plugin trong câu trả lời khác). Hành vi này đã bị xóa vì nó gây nhầm lẫn và dẫn đến ngữ nghĩa ES6 không hợp lệ, mà một số người đã dựa vào, ví dụ

export default {
  a: 'foo'
};

và sau đó

import {a} from './foo';

ES6 không hợp lệ nhưng hoạt động được do hành vi tương tác CommonJS mà bạn đang mô tả. Thật không may, hỗ trợ cả hai trường hợp là không thể và cho phép mọi người viết ES6 không hợp lệ là một vấn đề tồi tệ hơn so với việc bạn làm .default.

Vấn đề khác là nó gây bất ngờ cho người dùng nếu họ thêm một xuất khẩu có tên trong tương lai, ví dụ

export default 4;

sau đó

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

nhưng

export default 4;
export var foo = 5;

sau đó

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

Đối với các tác giả thư viện, bạn có thể giải quyết vấn đề này.

Tôi thường có một điểm vào index.js, đó là tệp tôi trỏ đến từ trường chính trong package.json. Nó không làm gì khác hơn là tái xuất điểm nhập thực tế của lib:

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

Để khắc phục sự cố babel, tôi đã thay đổi điều này thành một importcâu lệnh và sau đó gán mặc định cho module.exports:

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

Tất cả các tệp khác của tôi ở dạng mô-đun ES6 thuần túy, không có cách giải quyết. Vì vậy, chỉ có điểm vào cần một chút thay đổi :)

Điều này sẽ hoạt động cho các yêu cầu chung và cả nhập khẩu ES6 vì babel dường như không bỏ qua phần đảo ngược (commonjs -> es6). Babel tiêm các chức năng sau để vá lỗi chung:

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

Tôi đã dành hàng giờ để chiến đấu với điều này, vì vậy tôi hy vọng điều này sẽ giúp người khác nỗ lực!

Tôi đã có loại vấn đề như vậy. Và đây là giải pháp của tôi:

// src/arithatures.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);