BabelJS - Transpile las características de ES8 a ES5

El relleno de cadenas es la nueva característica de ES8 agregada a javascript. Trabajaremos en un ejemplo simple, que transpilará el relleno de cadenas a ES5 usando babel.

Acolchado de cuerdas

El relleno de cadena agrega otra cadena desde el lado izquierdo según la longitud especificada. La sintaxis para el relleno de cadenas es la que se muestra a continuación:

Sintaxis

str.padStart(length, string);
str.padEnd(length, string);

Ejemplo

const str = 'abc';

console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));

Salida

_____abc
abc_____

ES8 - Acolchado de cuerdas

const str = 'abc';

console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));

mando

npx babel strpad.js --out-file strpad_es5.js

Babel - ES5

'use strict';

var str = 'abc';

console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));

El js debe usarse junto con babel-polyfill como se muestra a continuación:

test.html

<!DOCTYPE html>
<html>
   <head>
      <title>BabelJs Testing</title>
   </head>
   <body>
      <script src="node_modules\babel-polyfill\dist\polyfill.min.js" type="text/javascript"></script>
      <script type="text/javascript" src="strpad_es5.js"></script>
   </body>
</html>