javascript - from - ¿Cómo concatenar módulos ES6?

import from url javascript

Question

¿Cómo puedo concatenar módulos ES6?

var foo = 2; // This would normally be scoped to the module.
export function Bar() {}

// ...concatenate...

import { Bar } from ''javascripts/bar'' //This file no longer exists in the concatenated scenario.
export function Bam() {}

Answer 1

Le sugiero que eche un vistazo a http://webpack.github.io y luego lo combine con babel.

Alternativamente puedes hacerlo solo con Babel:

https://babeljs.io/docs/usage/cli/

Answer 2

Si lo que desea hacer es crear un solo archivo JavaScript que no use módulos ES6 internamente, para que pueda usarlo con los navegadores / nodos hoy, entonces recomiendo usar Esperanto (divulgación completa, soy un mantenedor del proyecto) . Le permite crear un paquete que concatene todos los archivos juntos sin el uso de un cargador como lo haría con algo como browserify o webpack. Esto generalmente resulta en un código más pequeño (sin cargador), una mejor eliminación del código muerto (cuando se usa un minificador como Google Closure Compiler o UglifyJS), y un mejor rendimiento ya que el intérprete de JS puede optimizar mejor el resultado.

Este es un ejemplo de uso, pero tenga en cuenta que hay muchas herramientas para integrar Esperanto en su flujo de trabajo :

var fs = require( ''fs'' );
var esperanto = require( ''esperanto'' );

esperanto.bundle({
  base: ''src'', // optional, defaults to current dir
  entry: ''mean.js'' // the ''.js'' is optional
}).then( function ( bundle ) {
  var cjs = bundle.toCjs();
  fs.writeFile( ''dist/mean.js'', cjs.code );
});

Este ejemplo se toma de la página wiki en la agrupación de módulos ES6 .