Wie verkette ich ES6-Module?

Question

Wie kann ich ES6-Module verketten?

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

Ich würde vorschlagen, dass Sie einen Blick auf http://webpack.github.io nehmen und es dann mit babel kombinieren.

alternativ können Sie es mit babel alleine tun:

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

Answer 2

Wenn das, was Sie eine einzelne JavaScript-Datei tun möchten, ist zu erstellen, die intern nicht ES6-Module verwenden, so dass Sie es mit Browsern verwenden/node heute, dann empfehle ich die Verwendung von Esperanto (vollständige Offenlegung, ich bin ein Betreuer des Projekts). Es erlaubt Ihnen, ein Bündel zu erstellen, die alle Dateien zusammen ohne die Verwendung eines Laders wie Sie verkettet würde mit so etwas wie browserify oder webpack bekommen. Dies führt in der Regel in kleineren Code (kein Lader), besser Beseitigung von totem Code (bei Verwendung eines minifier wie Google Closure Compiler oder UglifyJS verwenden), und eine bessere Leistung als die JS-Interpreter besser in der Lage ist, das Ergebnis zu optimieren.

Hier ist ein Beispiel für die Verwendung, aber beachten Sie, dass es plenty of tools to integrate Esperanto into your workflow:

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); 
}); 

Dieses Beispiel aus dem wiki page on bundling ES6 modules genommen wird.