Angular2 eklentilerini nasıl paketlerim?

Question

Uygulamamda, başkalarına son derece faydalı olacağını düşündüğüm & yapısal direktifler oluşturdum. Ancak, Angular2 belgelerini araştırdıktan sonra google & yığın taşması, & tekil eklentileri nasıl paketleyeceğiniz konusunda hiçbir kılavuz bulamıyorum.

Yönergeyi, diğer projelere yüklenip içe aktarılabilen bir pakette nasıl paketleyebilirim?

Answer 1

Kitaplığınızı tsc derleyicisini kullanarak paketleyebilirsiniz. Bu düzeyde anlamanız gereken en önemli şey, aşağıdaki yapılandırmayı kullanmanızdır, derlenmiş JS dosyalarını doğrudan tek bir JS dosyası elde etmek için yapamazsınız. Typescript derleyici yapılandırma anda

:

{ 
    "compilerOptions": { 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "declaration": false, 
    "stripInternal": true, 
    "module": "system", 
    "moduleResolution": "node", 
    "noEmitOnError": false, 
    "rootDir": ".", 
    "inlineSourceMap": true, 
    "inlineSources": true, 
    "target": "es5" 
    }, 
    "exclude": [ 
    "node_modules" 
    ] 
} 

Nitekim olarak HTML

System.config({ 
    packages: { 
    app: { 
     defaultExtension: 'js', 
     format: 'register' 
    } 
    } 
}); 

, bu JS dosyaları anonim modüllerini içerecek. Anonim bir modül, System.register'u kullanan ancak ilk parametre olarak modül adı olmayan bir JS dosyasıdır. Bu, systemjs modül yöneticisi olarak yapılandırıldığında, varsayılan derleyicinin ürettiği şeydir.

Yani tek JS dosyasına tüm modüllere sahip olmak, kendi typescript derleyici yapılandırma içinde outFile özelliği kaldıraç gerekir.

Bu soru size bazı additionnal ipuçları verebilir: Ayrıca kütüphaneler (ve uygulamaları) paketlemek için WebPack kullanabilirsiniz

• How do I actually deploy an Angular 2 + Typescript + systemjs app?

. Ng2-select'in ne yaptığına bir göz atabilirsin.

• https://github.com/valor-software/ng2-select/blob/master/webpack.config.js

: Bu yapılandırma dosyasına bakın