js'yi js'ye aktarmak için gulp kullanıyorum ve ts dosyalarım diğer statik kaynaklarla birlikte doğru klasörde üretiliyor.Açısal2 önyükleme yapamaz - cosole'de hata yok
//tsconfig.js
{
"compilerOptions": {
"outFile": "scripts.js", //this can be commented to retain the original file structure instead of concatenating into one file
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"gulpfile.js",
"node_modules",
"typings/main",
"typings/main.d.ts"
]
}
Ben systemjs
//index.html
<!DOCTYPE html>
<html>
<head>
<base href="/">
<meta charset="UTF-8">
<title>ZEFR</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,700,600,700italic,400italic,600italic,800,800italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<my-app>Loading</my-app>
</body>
<script src="lib/es6-shim.js"></script>
<script src="lib/angular2-polyfills.js"></script>
<script src="lib/system.src.js"></script>
<script src="lib/Rx.js"></script>
<script src="lib/angular2.dev.js"></script>
<script src="lib/router.dev.js"></script>
<script>
System.config({
packages: {
dist: {
format: 'register',
defaultExtention: 'js'
}
}
});
System.import('scripts.js')
.then(null, console.error.bind(console))
</script>
</html>
script.js benim birleştirilmiş javascript dosyaları kullanarak scripts.js içe ve tüm bileşenleri içerir. Sorun şu ki konsolda herhangi bir sorun yok. Bir script.js yerine boot.js'yi hedeflemem gerektiğini hissediyorum. Nasıl dist klasörüne
//my project folder structure
-public/
-index.html
-components/
-boot/
-boot.ts
-app/
-app.component.ts
...
-dist/
-scripts.js //this is the concatenated file of all the js transpiled from ts
-style.css
-images/
-lib/
Transpiling yaparken aynı klasör yapısını koruyarak denedim. Dist, ilgili ts dosyalarının js dosyalarını içerir. Hala hayır şans. Aynı yükleme .... ekran –