5
Angular 2 + SystemJS kullanarak oluşturduğum bir projem var. Angular CLI + Webpack'e geçmek istemiyorum. Bunu yapmanın önerilen yolu var mı?Projeyi SystemJS'den Angular CLI/Webpack'e taşıyın
A
cevap
4
Angular CLI kullanarak boş bir proje yapıyorum ve kodumu SystemJS tabanlı projeden Angular CLI tabanlı olana aktarıyorum. Projenin büyüklüğüne ve birbirine bağlı şeylerin nasıl olduğuna bağlı olarak, bu uygulamanın veya src klasörünün basit bir kopyası olabilir veya uzun bir ilişki olabilir.
Genel olarak, SystemJS ve Açısal CLI (az ya da çok) derleme araçlarıdır ve gerçek uygulama kodunda referans verilmemelidir, bu nedenle en zor kısmı yeni Angular CLI projesinin yapılandırmasını doğru olarak almalıdır. SystemJS yapılandırmanızın ne kadar karmaşık olduğuna bağlı olarak ne kadar zorlanıyor.
Ayakkabınızda, önce tüm src klasörünü kopyalamayı ve her şeyin çalışıp çalışmadığını görmeyi denerdim, sonra da parçaları parça parçalamayı oradan hareket ettirmeyi denerdim.
şeyler özellikle dikkat etmek:
package.json - Bu iki proje arasında farklı olması çok muhtemeldir. Mümkünse, SystemJS projenizi, geçişten önce olabildiğince çok sayıda npm paketini kullanacak şekilde güncellemek daha mantıklı olabilir. Aynı hikaye - - Sen olarak ne kadar bu
tsconfig.json ile gitmek için yargı kullanmak gerekecektir Bu yapılandırma SystemJS
1
- Değişiklik Yapın Scriptlerde package.json dosyasında tsc ile ilgili her şeyi kaldırın ve sadece build: webpack ile değiştirin ve başlayın: webpack-dev-server.
- Yük bağımlılıklarında yalnızca yazı tipini bulundurun: sürüm ve ts-loader: version.
- npm install
- sonraki değişiklik tsconfig.json modülü: commonjs.
- webpack.config.js dosyasını ekleyin.
- npm çalıştırmak için index.html içinde index.html-Include bundle.js gelen
kaldırmak systemjs içeriğini oluşturmak. i iyi çalışması gerekir bundan sonra CLI yükleme düşünüyorum CLI için WebPack için system.js gitmek nasıl
Video Referansı Here
Thats başlamak -npm ama emin değilim.