एक और कोणीय परियोजना के पैकेज.जेसन में एक निर्भरता के रूप में कोणीय परियोजना को कैसे सेट करें

Question

मेरे पास तीन अलग कोणीय क्ली परियोजनाएं (एक्स, वाई, जेड) हैं। मैं [एक्स] को मूल परियोजना के रूप में बनाना चाहता हूं, जबकि मैं एक्स और जेड को एक्सपीएम पैकेज निर्भरता के रूप में एक्स में जोड़ना चाहता हूं। इसका मतलब है कि [एक्स] पैकेज.जेसन में निम्नानुसार [वाई] और [जेड] की निर्भरताएं शामिल होंगी।

"dependencies": { 
    "@angular/common": "^4.0.0", 
    //.. other angular dependency 
    "y": "1.0.1", 
    "z": "1.0.3" 
} 

उन निर्भरताओं को कैसे बनाया जाए?

नोट: अभी मेरे पास एक्स और जेड एक्स के अंदर एक आलसी लोड फ़ोल्डर के रूप में है। जिसे मैं स्वतंत्र एनपीएम पैकेज के रूप में रद्द करना चाहता हूं।

Answer 1

आपको अपने वाई और जेड परियोजनाओं को पैकेज करने और उन्हें एनपीएम रिपोजिटरी पर प्रकाशित करने की आवश्यकता है या आप इसे स्थानीय रूप से विकसित कर सकते हैं और उन्हें एनपीएम लिंक के माध्यम से उपयोग कर सकते हैं ... यहां यमन जनरेटर जो आपकी मदद कर सकता है।

https://github.com/jvandemo/generator-angular2-library

Answer 2

मूल रूप से आप 3 चरणों में ऐसा करना चाहते हैं:

एक पुस्तकालय
1. पैक में अपनी परियोजनाओं को चालू
2. "y" और "Z" है कि एक NPM-पैकेज
में पुस्तकालय
3. दें "एक्स" है कि पुस्तकालय

यहाँ है उपभोग आप इसे कैसे संक्षेप में कार्य करें:

1. मैं "y" और "z" से लाइब्रेरी बनाने के लिए ng-packagr का उपयोग करने की अत्यधिक अनुशंसा करता हूं। ng-packagr आपको मौजूदा Angular CLI प्रोजेक्ट लेने और इसे लाइब्रेरी में बदलने की अनुमति देता है।

   साथ
   • स्थापित पैकेज: npm install ng-packagr --save-dev

   • निम्नलिखित सामग्री के साथ ng-package.json जोड़ें:

     { 
         "$schema": "./node_modules/ng-packagr/ng-package.schema.json", 
         "lib": { 
         "entryFile": "public_api.ts" 
         } 
     } 
     

   • अपने मॉड्यूल के निर्यात के साथ public_api.ts जोड़ने मूल रूप से आप पाँच बातें क्या करना है , यानी

     export * from './src/app/modules/example/example.module' 
     

   • ऐड स्क्रिप्ट package.json रहे हैं: npm run packagr

2. npm pack चलाकर NPM-पैकेज है जो एक y-1.0.0.tgz -file उत्पन्न होगा बनाएं, जहां y है: "packagr": "ng-packagr -p ng-package.json"

3. स्क्रिप्ट चलाने आपके प्रोजेक्ट का नाम और 1.0.0 जो संस्करण आपने अपने package.json

में सेट किया है

4. अब आप npm install ./relative/path/to/y-1.0.0.tgz चलाकर इसे अपने प्रोजेक्ट 'एक्स' में निर्भरता के रूप में स्थापित कर सकते हैं और आप कर चुके हैं!

यह पोस्ट इस article पर आधारित है।

Answer 3

ये सभी कदम हैं, यदि इनमें से कोई भी स्पष्ट नहीं है तो मुझे बताएं।

1) घटक आप अपने पुस्तकालय परियोजना से उपयोग करना चाहते हैं निर्यात: एक बार जब आप दो CLI बनाई गई परियोजनाओं

@NgModule({ 
    ... 
    exports: [MyComponent] 
    ... 

2) स्थापित करें एनजी-packagr:

npm install ng-packagr --save-dev 

3) अपने पुस्तकालय परियोजना, ngpackage.json और public_api.ts करने के लिए दो फ़ाइलें जोड़ें:

ngpackage.json सामग्री:

{ 
    "$schema": "./node_modules/ng-packagr/ng-package.schema.json", 
    "lib": { 
    "entryFile": "public_api.ts" 
    } 
} 

4) मॉड्यूल निर्यात आप मुख्य परियोजना में उपयोग करना चाहते हैं:

export * from './src/app/modules/whatever.module' 

5) package.json फ़ाइल अपने पुस्तकालय परियोजना संपादित में इस को रोकने के लिए:

"scripts": { 
    ... 
    "packagr": "ng-packagr -p ng-package.json" 
} 

6) npm run packagr चलाएं, और एक बार प्रक्रिया पूरी होने के बाद आपको अपने प्रोजेक्ट रूट में एक डिस्ट फ़ोल्डर मिलेगा। यह आपकी घटक पुस्तकालय है।

7) cd डिस्ट फ़ोल्डर में और एनपीएम पैक चलाएं। यह dist फ़ोल्डर की रूट में एक फ़ाइल बना देगा।

8) फिर आपके पास इसे एनपीएम पर प्रकाशित करने का विकल्प है, या इसे सीधे बिटबकेट, गिथब आदि से उपभोग करें। मुख्य परियोजना के पैकेज.जेसन में निर्भरता जोड़ें।

9) एक बार स्थापित है, तो आप अपने @NgModule आयात सरणी में शामिल करके किसी भी आवेदन के app.module.ts में अपने घटक आयात कर सकते हैं, ...

import { HeaderModule } from 'my-package-name'; 
@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    HeaderModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }