Passare le opzioni al modulo ES6 importa

Question

È possibile passare opzioni alle importazioni ES6?

Come si fa a tradurre questo:

var x = require('module')(someoptions); 

a ES6?

Answer 1

Non esiste un modo per eseguire questa operazione con una singola istruzione import, non consente di effettuare invocazioni.

in modo da non chiamarlo direttamente, ma si può sostanzialmente fare proprio la stessa cosa commonjs fa con le esportazioni di default:

// module.js 
export default function(options) { 
    return { 
     // actual module 
    } 
} 

// main.js 
import m from 'module'; 
var x = m(someoptions); 

In alternativa, se si utilizza un caricatore di modulo che supporta monadic promesse, si potrebbe essere in grado di fare qualcosa di simile

System.import('module').ap(someoptions).then(function(x) { 
    … 
}); 

Con il nuovo import operator potrebbe diventare

const promise = import('module').then(m => m(someoptions)); 

o

const x = (await import('module'))(someoptions) 

però probabilmente non si desidera che un 'importazione dinamica, ma uno statico.

Answer 2

Credo che sia possibile utilizzare i caricatori di moduli es6. http://babeljs.io/docs/learn-es6/

System.import("lib/math").then(function(m) { 
    m(youroptionshere); 
}); 

Answer 3

Concetto

Ecco la mia soluzione utilizzando ES6

Molto in linea con @ risposta di Bergi, questo è il "modello" che uso quando si creano le importazioni che hanno bisogno di parametri passati per class dichiarazioni. Questo viene utilizzato su un quadro isomorfica sto scrivendo, così sarà lavorare con un transpiler nel browser e in node.js (io uso Babel con Webpack):

./MyClass.js

export default (Param1, Param2) => class MyClass { 
    constructor(){ 
     console.log(Param1); 
    } 
} 

./main.js

import MyClassFactory from './MyClass.js'; 

let MyClass = MyClassFactory('foo', 'bar'); 

let myInstance = new MyClass(); 

l'uscita sarà sopra foo in una console

EDIT

Real World Esempio

Per un vero esempio del mondo, sto usando questo per passare in uno spazio dei nomi per accedere ad altre classi e le istanze in un quadro.Perché stiamo semplicemente creando una funzione e passando l'oggetto come argomento, possiamo usarlo con la nostra dichiarazione di classe likeso:

export default (UIFramework) => class MyView extends UIFramework.Type.View { 
    getModels() { 
     // ... 
     UIFramework.Models.getModelsForView(this._models); 
     // ... 
    } 
} 

L'importazione è un po 'più complicato e automagical nel mio caso dato che si tratta di un intero quadro, ma essenzialmente questo è ciò che sta accadendo:

// ... 
getView(viewName){ 
    //... 
    const ViewFactory = require(viewFileLoc); 
    const View = ViewFactory(this); 
    return new View(); 
} 
// ... 

Spero che questo aiuti!

Answer 4

Sulla @ Bergi di answer di utilizzare la debug module utilizzando ES6 sarebbe il seguente

// original 
var debug = require('debug')('http'); 

// ES6 
import * as Debug from 'debug'; 
const debug = Debug('http'); 

// Use in your code as normal 
debug('Hello World!'); 

Non