Come impedire a moment.js di caricare locales con webpack?

Esiste un modo per interrompere il moment.jscaricamento di tutte le versioni locali (ho solo bisogno dell'inglese) quando si utilizza il webpack? Sto guardando la fonte e sembra che se hasModuleè definito, che è per il webpack, cerca sempre in require()ogni locale. Sono abbastanza sicuro che per risolvere sia necessaria una richiesta pull. Ma c'è un modo per risolverlo con la configurazione del webpack?

Ecco la mia configurazione del webpack per caricare momentjs:

resolve: {
            alias: {
                moment: path.join(__dirname, "src/lib/bower/moment/moment.js")
            },
        },

Quindi, ovunque ne abbia bisogno, lo faccio e basta require('moment'). Funziona ma aggiunge circa 250 kB di file di lingua non necessari al mio pacchetto. Inoltre sto usando la versione pergolata di momentjs e gulp.

Inoltre, se ciò non può essere risolto dalla configurazione del webpack, ecco un collegamento alla funzione in cui carica le impostazioni locali . Ho provato ad aggiungere && module.exports.loadLocalesalla ifdichiarazione ma immagino che il webpack in realtà non funzioni in un modo in cui funzionerebbe. Non requireimporta quale. Penso che ora usi una regex, quindi non so davvero come faresti per risolverlo.

Il codice require('./locale/' + name)può utilizzare tutti i file nella directory locale. Quindi il webpack include tutti i file come modulo nel tuo bundle. Non può sapere quale lingua stai usando.

Esistono due plugin utili per fornire al webpack maggiori informazioni su quale modulo deve essere incluso nel pacchetto: ContextReplacementPlugine IgnorePlugin.

require('./locale/' + name)viene chiamato contesto (un requisito che contiene un'espressione). webpack fornisce alcune informazioni da questo frammento di codice: una directory e un'espressione regolare. Qui: directory = ".../moment/locale" regular expression = /^.*$/. Quindi, per impostazione predefinita, tutti i file nella localedirectory sono inclusi.

Ciò ContextReplacementPluginconsente di sovrascrivere le informazioni dedotte, ovvero fornire una nuova espressione regolare (per scegliere le lingue che si desidera includere).

Un altro approccio è ignorare la richiesta con il IgnorePlugin.

Ecco un esempio:

var webpack = require("webpack");
module.exports = {
  // ...
  plugins: [
    new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /de|fr|hu/)
    // new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
  ]
};

Nel nostro progetto, includo un momento come questo: import moment from 'moment/src/moment';e questo sembra fare il trucco. Il nostro uso del momento è molto semplice, quindi non sono sicuro che ci saranno incongruenze con l'SDK. Penso che funzioni perché WebPack non sa come trovare staticamente i file delle impostazioni locali, quindi ricevi un avviso (che è facile da nascondere aggiungendo una cartella vuota in moment/src/lib/locale/locale) ma nessuna impostazione locale include.

La momentlibreria modulare corretta verrà fuori con la versione 3 ad un certo punto così attualmente come sto usando angular-cli senza che --ejectho appena finito di usare https://github.com/ksloan/moment-mini comeimport * as moment from 'moment-mini';

Sulla base della risposta di Adam McCrmick, eri vicino, cambia il tuo alias in:

resolve: {
    alias: {
        moment: 'moment/src/moment'
    },
},

Con webpack2e le versioni recenti di moment puoi fare:

import {fn as moment} from 'moment'

E poi dentro webpack.config.js te fai:

resolve: {
    packageMains: ['jsnext:main', 'main']
}