Babel 6.0.20 Modules tính năng không hoạt động trong IE8

Question

Tôi cố gắng để xuất khẩu một mô-đun es6 trong header.js:

export default { 
    setHeaderHighlight: function (index) { 
     // do somethings 
    } 
}; 

Và import nó trong index.js:

import header from "./header.js" 

$(function() { 
    header.setHeaderHighlight(0); 
}); 

Sau đó chuyển đi ra trong index.bundle.js :

var _header = __webpack_require__(129); 

var _header2 = _interopRequireDefault(_header); 

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

Vì vậy, đây là vấn đề, tức là8 sẽ tăng Expected identifier Ngoại lệ tại { default: obj }, nhưng mọi thứ đều ok> = ie9.

Có điều gì tôi có thể làm với điều này không?

Answer 1

Theo mặc định, Babel 6.x yêu cầu bạn bật bộ chuyển đổi rõ ràng. Cài đặt chuẩn es2015 được chuyển đổi ES6 thành ES5, tuy nhiên IE8 không tương thích với ES5. Trong trường hợp này, nếu bạn nhìn vào plugins list, bạn sẽ thấy

• transform-es3-member-expression-literals
• transform-es3-property-literals

Những điều này sẽ chuyển đổi tài sản của bạn để tương thích với IE8. Nói chung trong Babel 6.x bạn muốn làm điều này bằng cách đi qua những cái tên như một phần của plugins mảng của bạn, cùng với chuỗi presets và cài đặt các biến đổi qua

npm install --save-dev babel-plugin-transform-es3-member-expression-literals babel-plugin-transform-es3-property-literals 

Answer 2

tôi sử dụng webpack + es3ify-loader như workaround.

loaders: { 
    { 
    test: /\.jsx?$/, 
    exclude: /node_modules/, 
    loaders: ['es3ify', `babel?${JSON.stringify(babelQuery)}`], 
    }, 
} 

Answer 3

Tôi cũng gặp sự cố và tôi đã viết a webpack plugin để giải quyết. Tôi không thực sự biết nếu có một cách tốt hơn để xử lý nó, nhưng nó hoạt động.

Mô-đun trong node_modules cũng hoạt động tốt.