Jak uniemożliwić moment.js ładowanie ustawień regionalnych za pomocą pakietu WebPack?

Czy jest jakiś sposób, aby zatrzymać moment.jsładowanie wszystkich ustawień narodowych (potrzebuję tylko angielskiego) podczas korzystania z pakietu WebPack? Patrzę na źródło i wygląda na to, że jeśli hasModulejest zdefiniowane, to jest dla webpacka, to zawsze próbuje require()wszystkich ustawień regionalnych. Jestem prawie pewien, że to wymaga żądania ściągnięcia, aby to naprawić. Ale czy jest jakiś sposób, aby to naprawić za pomocą konfiguracji webpacka?

Oto moja konfiguracja webpacka, aby załadować momentjs:

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

Potem, gdziekolwiek tego potrzebuję, po prostu potrzebuję require('moment'). To działa, ale dodaje około 250 kB niepotrzebnych plików językowych do mojego pakietu. Używam też altanowej wersji momentjs i łyka.

Również jeśli konfiguracja webpack nie może tego naprawić, tutaj jest link do funkcji, w której ładuje ustawienia narodowe . Próbowałem dodać && module.exports.loadLocalesdo ifinstrukcji, ale wydaje mi się, że webpack tak naprawdę nie działa w taki sposób, aby działało. Po prostu requirenie ważne co. Myślę, że używa teraz wyrażenia regularnego, więc tak naprawdę nie wiem, jak byś to zrobił.

Kod require('./locale/' + name)może wykorzystywać każdy plik w katalogu locale. Tak więc webpack zawiera każdy plik jako moduł w pakiecie. Nie może wiedzieć, którego języka używasz.

Istnieją dwie wtyczki, które są przydatne, aby przekazać pakietowi internetowemu więcej informacji o tym, który moduł powinien zostać zawarty w pakiecie: ContextReplacementPlugini IgnorePlugin.

require('./locale/' + name)nazywa się kontekstem (wymaganie zawierające wyrażenie). webpack pobiera pewne informacje z tego fragmentu kodu: Katalog i wyrażenie regularne. Tutaj: directory = ".../moment/locale" regular expression = /^.*$/. Tak więc domyślnie każdy plik w localekatalogu jest dołączony.

ContextReplacementPluginPozwala zastąpić wywieść informacje tj dostarczyć nowe wyrażenie regularne (do wyboru języki, które chcesz dołączyć).

Innym podejściem jest zignorowanie wymagania za pomocą IgnorePlugin.

Oto przykład:

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

W naszym projekcie uwzględniam taki moment: import moment from 'moment/src/moment';i to wydaje się załatwić sprawę. Używanie chwili jest jednak bardzo proste, więc nie jestem pewien, czy będą jakieś niespójności z SDK. Myślę, że to działa, ponieważ WebPack nie wie, jak znaleźć pliki ustawień regionalnych, więc pojawia się ostrzeżenie (można to łatwo ukryć, dodając pusty folder w moment/src/lib/locale/locale), ale nie zawiera ustawień regionalnych.

Właściwa momentbiblioteka modułowa pojawi się w pewnym momencie w wersji 3, więc obecnie, gdy używam angular-cli, nie --ejectskończyłem z użyciem https://github.com/ksloan/moment-mini jakimport * as moment from 'moment-mini';

Na podstawie odpowiedzi Adama McCrmicka byłeś blisko, zmień swój alias na:

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

Dzięki webpack2najnowszym wersjom chwili możesz:

import {fn as moment} from 'moment'

A potem w webpack.config.jstobie:

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