Come utilizzare correttamente le classi es6 in file diversi importandoli in Meteor?

Question

Ho scoperto di recente Meteor e sto lottando con l'utilizzo delle classi ES6 e le importazioni in un nuovo progetto Meteor. Quello che voglio fare è avere una struttura complessa di classi, i quali metodi vengono chiamati dagli eventi/metodi/helper di Meteor. Ho aggiunto Babel.js al progetto scrivendo un comando $ meteor add grigio:babel e funziona correttamente.

esempio di quello che sto cercando di realizzare:

nel server/modelli/article.js:

class Article { 
    static all() { 
    //returns all articles from db 
    } 
} 

nel server/metodi/articles.js:

Meteor.methods({ 
    allArticles: { 
    Article.all(); 
    } 
}) 

Having ciò solleva ReferenceError: Article is not defined in un file di metodi, che è adeguato. Quindi ho tre opzioni: scrivere tutte le classi in un file, aggiungere tutte le classi a un oggetto globale o utilizzare un buon sistema di moduli come Browserify. Ovviamente, la terza opzione è migliore.

Ma come si usa? Babel converte export, import in Browserify per impostazione predefinita e Meteor solleva un errore require is not defined all'aggiornamento della pagina. Dopo aver cercato su Google il problema, non ho trovato una soluzione chiara su come aggiungere Browserify a Meteor. Dovrei aggiungere un pacchetto npm per il supporto a Meteor, aggiungere un pacchetto npm di browserify e aggiungerlo manualmente a Meteor in ogni pagina in cui importare/esportare qualcosa? O dovrei usare un approccio completamente diverso? Come viene generalmente gestita questa attività in Meteor? Grazie!

Answer 1

Stavo leggendo su questo in precedenza e ho trovato this issue su github che può aiutare.

essenzialmente solo assegnare la classe a una variabile che è esposto sia al client e server (lib/sia/etc dipende dal vostro struttura del file). Così:

Article = class Article {...} 

Sembra essere la soluzione migliore al momento.

Answer 2

Il mio modo di fare questo è quello di raccogliere gli oggetti insieme in vari spazi dei nomi, ad esempio:

// Global 
Collections = {}; 

class Article { 
    static all() { 
    //returns all articles from db 
    } 
} 

_.extend(Collections, { Article }); 

Poi, per evitare di dover utilizzare Collections.Article ovunque posso utilizzare il seguente nel file ho bisogno di accesso Article in:

// Make `Article` available 
let { Article } = Collections; 

Answer 3

sto usando Meteor 1.4.1.1 e l'errore rimane, non riproducibili se il vostro approccio. Tuttavia, ci sono alcuni nuovi modi per utilizzare le classi ES6 ora:

1. Esportare la classe come una costante (ad esempio per l'uso come un oggetto Singleton):

class MyModuleInternalClassName { 
    //... class internals 
} 
export const PublicClassName = new MyModuleInternalClassName(); 

È possibile importare questo uno via

import {PublicClassName} from 'path/to/PublicClassFileName.js'; 

2.Esportare la classe direttamente come del modulo predefinito

export default class PublicClassName { 
    //... class internals 
} 

e quindi importarlo (come con la sopra uno) come il seguente

import {PublicClassName} from from 'path/to/PublicClassFileName.js'; 
let myInstance = new PublicClassName(); 

++++++++++++ +++++++++++++++++++++

quanto riguarda la questione del PO e l'errore, si può provare qualcosa di simile:

Article.js

class InternalArticle { 
    constructor(){ 
    //setup class 
    } 

    all() { 
    //returns all articles from db 
    } 
    register(article){ 
    //add article to db 
    } 
} 
export const Article = new InternalArticle(); 

importazione e utilizzare il Singleton

import {Article} from 'path/to/Article.js'; 

//either register some article 
Article.register(someArticle); 


//or get all your articles 
const allArticles = Article.all();