Moment.js dosyasının yerel paketi web paketiyle yüklemesini nasıl önleyebilirim?

moment.jsWeb paketini kullanırken tüm yerel ayarları yüklemeyi bırakabilmenin herhangi bir yolu var mı (sadece İngilizce'ye ihtiyacım var)? Kaynağa bakıyorum ve hasModulewebpack için tanımlanmışsa, her zaman require()her yerel ayar için çalışıyor gibi görünüyor . Bunun düzeltilmesi için bir çekme isteğine ihtiyacı olduğundan eminim. Ancak bunu webpack yapılandırmasıyla çözebilmemizin bir yolu var mı?

İşte momentjs yüklemek için benim webpack yapılandırma:

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

O zaman ihtiyacım olan her yerde, sadece yapıyorum require('moment'). Bu işe yarıyor, ancak paketimize yaklaşık 250 kB gereksiz dil dosyası ekliyor. Ayrıca momentjs ve yutkunluk versiyonunu kullanıyorum.

Ayrıca bu webpack config tarafından düzeltilemezse, burada yerel ayarları yüklediği işleve bir bağlantı bulunur . Ben ekleyerek çalıştı && module.exports.loadLocalesetmek ifdeyimi ama webpack bu işe yarar bir şekilde aslında iş yapmaz sanırım. Ne requireolursa olsun. Bence şimdi bir normal ifade kullanıyor, bu yüzden düzeltmeyi nasıl yapacağınızı gerçekten bilmiyorum.

Kod require('./locale/' + name), localedir içindeki her dosyayı kullanabilir . Böylece webpack her dosyayı paketinizde modül olarak içerir. Hangi dili kullandığınızı bilemez.

Web paketinize, paketinize hangi modülün dahil edilmesi gerektiği hakkında daha fazla bilgi vermek için yararlı olan iki eklenti vardır: ContextReplacementPluginve IgnorePlugin.

require('./locale/' + name)bir bağlam (bir ifade içeren bir istek) olarak adlandırılır. webpack bu kod parçasından bazı bilgiler alır: Bir dizin ve normal bir ifade. Buraya: directory = ".../moment/locale" regular expression = /^.*$/. Bu nedenle, varsayılan olarak localedizindeki her dosya dahil edilir.

ContextReplacementPluginYani yeni bir düzenli ifade (dahil etmek istediğiniz dilleri seçmek için) sağlamak anlaşılmaktadır bilgileri geçersiz kılmak için izin verir.

Diğer bir yaklaşım ise ile olan ihtiyacı görmezden gelmektir IgnorePlugin.

İşte bir örnek:

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

Projemize anı şu şekilde dahil ediyorum: import moment from 'moment/src/moment';ve bu hile yapıyor gibi görünüyor. Anı kullanmamız çok basit, bu yüzden SDK ile herhangi bir tutarsızlık olup olmayacağından emin değilim. WebPack yerel dosyaları statik olarak nasıl bulacağını bilmediği için bu işe yaradığını düşünüyorum, bu yüzden bir uyarı (boş bir klasör ekleyerek gizlemek kolaydır moment/src/lib/locale/locale) ama hiçbir yerel ayar içerir.

Uygun modüler momentkütüphane bir noktada Sürüm 3 ile gelecek , bu yüzden şu anda açısal-cli --ejectkullandığım için https://github.com/ksloan/moment-mini gibi kullanmadımimport * as moment from 'moment-mini';

Adam McCrmick'in cevabına dayanarak, yakındınız, takma adınızı şu şekilde değiştirin:

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

İle webpack2yapabileceğiniz anın son sürümleri ve:

import {fn as moment} from 'moment'

Ve sonra webpack.config.jssende:

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