Как запретить моменту.js загружать локали с помощью веб-пакета?

Можно ли как-нибудь остановить moment.jsзагрузку всех локалей (мне просто нужен английский) при использовании веб-пакета? Я смотрю на источник, и кажется, что если hasModuleопределено, что это для веб-пакета, то он всегда пытается в require()каждой локали. Я почти уверен, что для исправления требуется запрос на удаление. Но есть ли способ исправить это с помощью конфигурации веб-пакета?

Вот мой конфиг веб-пакета для загрузки моментов:

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

Тогда везде, где мне это нужно, я просто делаю require('moment'). Это работает, но он добавляет около 250 КБ ненужных языковых файлов в мой комплект. Также я использую бауэр-версию момента и глотка.

Также, если это не может быть исправлено конфигурацией веб-пакета, здесь есть ссылка на функцию, в которую он загружает локали . Я попытался добавить && module.exports.loadLocalesк ifзаявлению, но я думаю, что веб-пакет на самом деле не работает так, как это будет работать. Это просто requireне смотря ни на что. Я думаю, что сейчас используется регулярное выражение, поэтому я не знаю, как бы вы его исправили.

Код require('./locale/' + name)может использовать каждый файл вlocale директории. Таким образом, веб-пакет включает в себя каждый файл как модуль в вашем комплекте. Он не может знать, какой язык вы используете.

Есть два плагина , которые полезны, чтобы дать веб-пакету больше информации о том, какой модуль должен быть включен в ваш пакет: ContextReplacementPluginи IgnorePlugin.

require('./locale/' + name)называется контекстом (требование, которое содержит выражение). Webpack выводит некоторую информацию из этого фрагмента кода: каталог и регулярное выражение. Здесь: directory = ".../moment/locale" regular expression = /^.*$/. Таким образом, по умолчанию каждый файл в localeкаталоге включен.

ContextReplacementPluginПозволяет переопределить выведенную информацию т.е. обеспечить новое регулярное выражение (выбрать языки , которые вы хотите включить).

Другой подход заключается в игнорировании потребности с IgnorePlugin .

Вот пример:

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

В нашем проекте я включаю момент, подобный этому: import moment from 'moment/src/moment';и это, кажется, делает свое дело. Наше использование момента очень простое, поэтому я не уверен, будут ли какие-либо несоответствия с SDK. Я думаю, что это работает, потому что WebPack не знает, как статически найти файлы локали, поэтому вы получаете предупреждение (его легко скрыть, добавив пустую папку в moment/src/lib/locale/locale), но ни одна локаль не включает.

Надлежащая модульная momentбиблиотека в какой-то момент выйдет с версией 3, так что в настоящее время я использую angular-cli без --ejectиспользования только https://github.com/ksloan/moment-mini likeimport * as moment from 'moment-mini';

Основываясь на ответе Адама Маккрмика, вы были близки, измените свой псевдоним на:

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

С webpack2последними версиями вы можете сделать:

import {fn as moment} from 'moment'

И тогда в webpack.config.jsвас делают:

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