2015-03-03 15 views
7

Sto usando Babel per traspolare ES6 in ES5 e funziona benissimo. L'unico problema è che una volta transpiled ogni modulo duplica queste righe:babel/6to5 - codice duplicato durante l'esportazione dei moduli

var _get = function get(object, property, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc && desc.writable) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } }; 
var _inherits = function (subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }; 
var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }; 

Come la mia domanda sta per avere sempre più moduli di classi che definiscono, non riesco a immaginare waisting tanto spazio solo a causa di questi codice ripetuto.

C'è un modo per dire a Babel di non includerli in ogni modulo in modo che possiamo aggiungerli solo una volta dopo?

sto usando sorso e il mio config:

var gulp = require('gulp'); 
var concat = require('gulp-concat'); 
var babel = require('gulp-babel'); 

gulp.task('default', function() { 

    return gulp.src('src/**/*.es6') 
     .pipe(babel({ playground: true, experimental: true, modules: 'amd', moduleIds: true })) 
     .pipe(concat('tmp/src.js')) 
     .pipe(gulp.dest('dist')); 
}); 

Grazie mille per il vostro aiuto!

risposta

5

Sì, come è descritto nel documentation:

Babel utilizza molto piccoli aiutanti per le funzioni comuni come la _extend. Di default questo verrà aggiunto a ogni file che lo richiede. Questa duplicazione a volte non è necessaria, soprattutto quando l'applicazione è distribuita su più file.

Qui è dove entra il trasformatore opzionale di runtime. Tutti gli helper faranno riferimento al modulo babel-runtime per evitare la duplicazione sull'output compilato.

Uso

require("babel").transform("code", { optional: ["runtime"] }); 

$ babel --optional runtime script.js 
+6

Sono poco chiaro su questo: sembra che dalla documentazione che questa opzione aggiunge tutti core-js, che, a meno che non avete bisogno di core- js, avrebbe sicuramente sconfitto il vantaggio di radere i byte evitando la ripetizione dell'aiuto, giusto? Non c'è modo di non duplicare gli helper senza aggiungere core-js? – davidtheclark

Problemi correlati