Moment: 로케일 없이 순간 필요

방금 webpack에서 귀하와 동일한 문제를 경험했습니다. 이 SO 게시물은 로케일 패키징을 피하는 2가지 방법을 다룹니다. http://stackoverflow.com/a/25426019/239965

IgnorePlugin 이 나를 위해 일했습니다:

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

아주 멋지네요 , 감사합니다

IgnorePlugin이 작업을 수행하며 순간을 추가할 때 11kb로 압축되었습니다.

로케일과 함께 또는 로케일 없이 요구하는 옵션이 있으면 여전히 좋을 것입니다. 이미 #2373이 있으므로 이것을 닫습니다.

이 의견 에 따르면 npmjs에 로케일이 없는 순간이 있어야 합니다.

이 모듈은 로케일 없이 순간을 노출합니다 https://github.com/ksloan/moment-mini

moment 를 angular-cli moment 와 함께 사용하면 전체 로케일이 내 번들에 포함됩니다.

--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 , angular-cli locale 를 제외시키셨나요?

나는 그것이 일종의 해킹이라는 것을 알고 있지만 우리 프로젝트를 위해 다음 내용으로 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-do , es-us 등과 같은 모든 es-* 로케일을 얻을 수 없습니다.
실제로, 이 변경 없이는 모든 지역적 차이로 인해 3개가 아닌 13개의 로케일을 갖게 됩니다.

ngx-build-plus 를 사용하면

@SamVerschueren 이것은 놀랍습니다 😸

내 모듈에서 몇 개의 디렉토리를 어떻게 무시할 수 있습니까? 내 프로젝트가 거대하고 prod 빌드 중에 제공되므로 청크별로 청크를 빌드하려고 생각하므로 몇 개의 디렉토리를 무시/제외해야합니까? 조금 긴급하게 도와주세요. 미리 감사드립니다.

모범 사례를 사용하는 업데이트가 있습니까? 최근 문제에서 이 수정 사항을 다시 참조한 것으로 나타났습니다. https://github.com/urish/ngx-moment/issues/212