Moment: स्थान के बिना क्षण की आवश्यकता है

मैंने वेबपैक के साथ आपके जैसी ही समस्या का अनुभव किया। इस SO पोस्ट में लोकेशंस की पैकेजिंग से बचने के 2 अलग-अलग तरीके शामिल हैं: http://stackoverflow.com/a/25426019/239965

IgnorePlugin ने मेरे लिए काम किया:

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

बहुत बढ़िया , धन्यवाद

IgnorePlugin काम करता है, मैं पल जोड़ते समय 11kb gzipped तक नीचे हूं।

फिर भी अच्छा होगा कि आवश्यकता के साथ लोकेशंस या लोकेशंस के बिना विकल्प हो। इसे बंद करना, क्योंकि पहले से ही #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$/)
]

@ कुनसेविक , क्या आपने 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"
}

एक अच्छा समाधान नहीं बल्कि एक समाधान जो काम करता है ...

@ डोमिनिक-म्यूएलर जो दिलचस्प विचार है, साझा करने के लिए धन्यवाद

@ डोमिनिक-म्यूएलर अभी के लिए दिलचस्प विचार है, धन्यवाद

@ डोमिनिक-म्यूएलर इस विचार के लिए धन्यवाद! मैंने हालांकि कोणीय क्ली के बजाय पैचिंग पल समाप्त कर दिया है।

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');
}

@ डोमिनिक-म्यूएलर दिलचस्प विचार है, लेकिन मुझे नहीं लगता कि कोणीय-क्ली के आंतरिक वेबपैक कॉन्फ़िगरेशन को पैच करना लंबे समय में एक अच्छा विचार है, यह देखते हुए कि पैच वास्तव में कोणीय-क्ली संस्करणों पर निर्भर होगा और आप ' वास्तव में आसानी से अपडेट करने में सक्षम नहीं है। पल कॉन्फिग में पैच के लिए भी यही होता है।
कोणीय के लिए उनके वेबपैक कॉन्फ़िगरेशन को खोलने के लिए आदर्श समाधान होगा ताकि हम अपने बंडल में इतने सारे अप्रयुक्त सामान न होने का विकल्प देने के लिए प्लगइन्स या पल जोड़ सकें

@fergardi की टिप्पणी के अतिरिक्त, लोकेशंस शामिल हैं।

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

इस तरह आपको सभी es-* स्थान जैसे es-do , es-us आदि नहीं मिलते हैं।
दरअसल, इस बदलाव के बिना आप सभी क्षेत्रीय विविधताओं के कारण 3 के बजाय 13 स्थानों के साथ समाप्त हो जाते हैं।

एनजीएक्स-बिल्ड-प्लस के साथ आपको बेदखल किए एडजस्ट करने में सक्षम होना चाहिए।

@SamVerschueren यह अद्भुत है

मैं अपने मॉड्यूल से कुछ निर्देशिका को कैसे अनदेखा कर सकता हूं? चूंकि मेरी परियोजना बहुत बड़ी है और यह प्रोड बिल्ड के दौरान दे रही है, इसलिए मैं टुकड़ों द्वारा भाग बनाने की सोच रहा हूं, इसलिए कुछ निर्देशिका को अनदेखा/बहिष्कृत करने की आवश्यकता होगी? कृपया इसकी थोड़ी अत्यावश्यक मदद करें। अग्रिम में धन्यवाद।

क्या इसका कोई अद्यतन है जो सर्वोत्तम अभ्यास का उपयोग करता है? मैं देखता हूं कि हाल ही के एक मुद्दे ने इस फिक्स को फिर से संदर्भित किया है https://github.com/urish/ngx-moment/issues/212