Làm cách nào để thực hiện xuất khẩu tương thích với ES5 và ES6?

Question

Tôi đang viết một "lớp học" trong nút

// mymodule/index.js 

function MyClass() {} 
MyClass.prototype.method1 = function() {..} 

thường tôi làm

module.exports = MyClass 

nhưng tôi muốn lớp học của tôi có sẵn cho cả cú pháp

var MyClass = require('mymodule') 

và

import {MyClass} from 'mymodule' 

Đó là cách chính xác để làm điều đó?

Answer 1

Từ nhận xét, tôi hiểu rằng bạn đang cố gắng chạy mã lối vào ES6 của bạn trong một số thử nghiệm đơn vị mocha trong nút. Có, bạn không thể làm điều đó cho đến khi nút hỗ trợ các mô-đun ES6. Nếu tôi là bạn, tôi sẽ sử dụng systemjs để tải mã cho các bài kiểm tra mocha đó. Mocha hỗ trợ các lời hứa, do đó, bạn không nên tải bất kỳ tệp nào trước khi kiểm tra.

Cú pháp viết cho cả hai sẽ chỉ tạo ra nhiều vấn đề hơn cho bạn.

Answer 2

Cả hai cách đều đúng, nhưng cố gắng nhập trong es6 như thế này không có dấu ngoặc:

import MyClass from 'mymodule' 

Nếu không, bạn sẽ phải xuất khẩu chức năng của bạn như thế này:

module.exports.MyClass = MyClass 

và hơn import nó như thế này:

import { MyClass } from 'mymodule' 

Answer 3

Theo cách viết xuất tương thích cho cả ES5 và ES6, Bab el đã chăm sóc điều đó cho bạn. (Như đã thông trong các ý kiến ​​cho câu hỏi của bạn. Tôi chỉ làm rõ đối với những người đã bị mất trong hộp thoại.)

module.exports = MyClass 

sẽ làm việc với cả hai var MyClass = require('mymodule') và import MyClass from 'mymodule

Tuy nhiên, để được rõ ràng, cú pháp thực tế mà bạn được hỏi về:

import {MyClass} from 'mymodule' 

nghĩa một cái gì đó khác với

import MyClass from 'mymodule' 

Đối với trường hợp thứ hai, bạn sẽ phải xuất nó dưới dạng: module.exports.MyClass = MyClass và đối với mô-đun ES5, nó sẽ phải yêu cầu là var MyClass = require('mymodule').MyClass