Wie Sie das Thema des Beitrags lesen können. Ich verwende Webpack, um ein Projekt von berset of es2015 zu erstellen. Jede Datei wird korrekt kompiliert, aber wie ich festgestellt habe, fügt webpack einige eigene Variablen hinzu. Ich habe es jetzt säen, weil ich mein Projekt in IE11 geprüft, und es die Syntaxfehler wirft auf (Ausgabedatei):Webpack Bauprojekt mit ... argumetns auch wenn babel perset es2015 hat
var Utils = {
//...
warn: function() {
if (window.console && 'function' === typeof window.console.warn)
window.console.warn(...arguments);
},
warnOnce: function(msg) {
if (!pastWarnings[msg]) {
pastWarnings[msg] = true;
this.warn(...arguments);
}
},
//...
}
Das Problem tritt wegen ...arguments
.
Warum Webpack es so machen?
Meine webpack config:
module.exports = {
entry: ['babel-polyfill', path.resolve(__dirname + '/src/app.js')],
output: {
path: __dirname + '/bin',
filename: 'app.bundle.js',
},
resolve: {
extensions: ['.js'],
modules: ['node_modules'],
alias: {/*...*/}
},
devtool: "source-map",
target: 'web',
node: {
fs: "empty"
},
plugins: [
new webpack.ProvidePlugin({/*...*/})
],
module: {
loaders: [{
test: /\.js$/,
exclude: /node_modules/,
use: [{
loader: 'babel-loader',
options: {
presets: 'es2015',
},
}]
}, {
test: /\.scss$/,
use: [/*...*/]
}]
}
};
Es scheint, dass ich Petersyjs von node_modules in meinem Projekt importieren und Webpack es nicht zu es5 kompilieren. Aber ich weiß immer noch nicht, warum das so ist. –