Babel 6.0.20 Module Feature funktioniert nicht in IE8

Question

Ich versuche, ein es6 Modul in header.js zu exportieren:

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

und importieren Sie es in index.js:

import header from "./header.js" 

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

Dann Transformation kommt in index.bundle.js :

var _header = __webpack_require__(129); 

var _header2 = _interopRequireDefault(_header); 

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

Also hier ist das Problem, ie8 wird steigen Expected identifier Ausnahme bei { default: obj }, aber alles ist in Ordnung> = ie9.

Kann ich etwas damit machen?

Answer 1

In Babel 6.x müssen Sie standardmäßig einen expliziten Satz von Transformationen aktivieren. Das Standard-Preset es2015 konvertiert ES6 in ES5, IE8 ist jedoch nicht ES5-kompatibel. In diesem Fall, wenn Sie an der plugins list anschauen, werden Sie sehen

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

Diese Ihre Eigenschaften konvertieren mit IE8 kompatibel zu sein. Im Allgemeinen in Babel 6.x würden Sie dies tun, indem diese Namen als Teil Ihrer plugins Array vorbei, neben dem presets Array und installieren Sie die Transformationen über

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

Answer 2

Ich benutze webpack + es3ify-loader als Abhilfe.

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

Answer 3

Ich habe auch das Problem, und ich schrieb a webpack plugin, um es zu lösen. Ich wusste nicht wirklich, ob es einen schöneren Weg gibt, damit umzugehen, aber es funktioniert.

Das Modul in node_modules funktioniert auch gut.