Moment: требуется момент без локаций

Я столкнулся с той же проблемой, что и вы, с webpack. В этом сообщении SO рассматриваются 2 разных способа избежать упаковки локалей: http://stackoverflow.com/a/25426019/239965

IgnorePlugin сделали за меня эту работу:

plugins: [
  new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
]

Очень круто, спасибо @balexand

IgnorePlugin выполняет свою работу, при добавлении момента я уменьшил размер сжатого до 11 КБ.

Тем не менее было бы неплохо иметь возможность запрашивать с языками или без них . Закрываем этот, так как там уже # 2373

Согласно этому комментарию , на npmjs должен быть момент без локалей.

этот модуль показывает момент без локалей https://github.com/ksloan/moment-mini

Использование moment с angular-cli чтобы вся локаль оказалась в моем пакете.

Поскольку я не использую флаг --eject этот https://github.com/moment/moment/issues/2416#issuecomment -111713308 у меня не работает. Есть ли какое-нибудь решение с angular-cli для исключения локали?

@balexand Спасибо, у меня работает

Если кто-то пропустит набор текста, вот моя вилка:

https://github.com/kirillgroshkov/moment-mini-ts

npm i moment-mini-ts

import * as moment from 'moment-mini-ts'

Как насчет того, чтобы игнорировать все языковые стандарты с помощью IgnorePlugin, кроме некоторых из выбранных мной? Например, игнорировать все, кроме EN, ES, FR. Можно ли это сделать с помощью регулярного выражения?

plugins: [
  new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
]

Изменить: я понял это, на случай, если кому-то это еще понадобится. Найдено в https://stackoverflow.com/a/25426019/2477303

plugins: [
  new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /en|es|fr/),
  // new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
]

@kuncevic , удалось ли вам исключить locale с помощью angular-cli ?

Я знаю, что это своего рода хакерство, но для наших проектов мы создали файл moment-angular-cli-patch.js со следующим содержимым:

'use strict';

const fs = require( 'fs' );

console.log( 'Patchin internal Angular CLI configuration ...' );
const webpackProductionConfigPath = './node_modules/@angular/cli/models/webpack-configs/production.js';
fs.readfile( webpackProductionConfigPath, 'utf-8', ( error, fileContent ) => {
  const momentFix = 'extraPlugins.push( new webpack.ContextReplacementPlugin( /moment[\\/\\\\]locale$/, /de.js/ ) );';
  if ( fileContent.indexOf( momentFix ) === -1 ) {
    const uniqueContent = 'return {'; // Line 112
    const modifiedFileContent = fileContent.replace( uniqueContent, `${ momentFix }\n    ${ uniqueContent }` );
    fs.writeFile( webpackProductionConfigPath, modifiedFileContent, 'utf-8', ( error ) => {
      console.log( 'Done.' );
    } );
  } else {
    console.log( 'Nothing to do.' );
  }
} );

Приведенный выше сценарий игнорирует все языковые стандарты, кроме немецкого, и он написан специально для @angular/cli 1.5.0 (с другими версиями может потребоваться другая обработка). В наших файлах package.json мы добавили его в сценарии:

"scripts": {
  "postinstall": "node ./moment-angular-cli-patch.js"
}

Не лучшее решение, но решение, которое работает ...

@ Dominique-mueller, это интересная идея, спасибо, что поделились

@ dominique-mueller А пока интересная идея, спасибо

@ dominique-mueller спасибо за идею! Я закончил тем, что исправил момент вместо angular cli.

const fs = require('fs');
const filePath = './node_modules/moment/moment.js';
const patch = {
    find: 'var aliasedRequire = require;',
    replace: 'var aliasedRequire = function(){};'
};

console.log('Patching moment');
let source = fs.readFileSync(filePath);
const index = source.indexOf(patch.find);
if (index === -1) {
    console.log('Nothing to do.');
} else {
    source = source.toString().replace(patch.find, patch.replace);
    fs.writeFileSync(filePath, source, 'utf-8');
    console.log('done');
}

@ dominique-mueller интересная идея, но я не думаю, что исправление внутренней конфигурации веб-пакета angular-cli является хорошей идеей в долгосрочной перспективе, учитывая, что исправление будет действительно зависеть от версий angular-cli, а вы бы этого не сделали не иметь возможности обновляться очень легко. То же самое и с патчем в конфигурации момента.
Идеальным решением было бы для angular открыть конфигурацию своего веб-пакета, чтобы мы могли добавить плагины или момент, чтобы дать нам возможность не иметь так много неиспользуемых вещей в нашем пакете.

В дополнение к комментарию @fergardi , небольшое изменение регулярного выражения позволяет избежать включения еще нескольких нежелательных локалей.

plugins: [
  new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /(en|es|fr)$/),
]

Таким образом, вы не получите все локали es-* такие как es-do , es-us и т. Д.
Фактически, без этого изменения вы получите 13 локалей вместо 3 из-за всех региональных вариаций.

С помощью ngx-build-plus вы сможете настроить конфигурацию Webpack в Angular CLI без извлечения.

@SamVerschueren ЭТО УДИВИТЕЛЬНО 😸

Как я могу игнорировать несколько каталогов из моих модулей? Поскольку мой проект огромен, и он дает во время сборки prod, поэтому я думаю, что нужно создавать куски по кускам, поэтому нужно будет игнорировать / исключать несколько каталогов? Пожалуйста, помогите срочно. Заранее спасибо.

есть ли обновление для этого, в котором используются лучшие практики? Я вижу, что недавняя проблема снова ссылалась на это исправление https://github.com/urish/ngx-moment/issues/212