Angular hybrid with systemjs
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Admin Portal</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
<span class="root-app"></span>
<!-- jquery and bootstrap.js -->
<script src="src/assets/libs/jquery/dist/jquery.js"></script>
<script src="src/assets/libs/bootstrap/dist/js/bootstrap.js"></script>
<!-- angular 1.x -->
<script src="src/assets/libs/angular/angular.js"></script>
<!-- angular 2 dependencies -->
<script src="node_modules/es6-shim/es6-shim.js"></script>
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
<!-- angular upgrad.js -->
<script src="node_modules/angular2/bundles/upgrade.dev.js"></script>
<!-- 3rd party libraries -->
<script src="src/assets/libs/angular-animate/angular-animate.js"></script>
<script src="src/assets/libs/angular-messages/angular-messages.js"></script>
<script src="src/assets/libs/Chart.js/Chart.js"></script>
<!--Oringinal APP JS-->
<script src="src/app/app.js"></script>
<script src="src/app/env/config-api.js"></script>
<script src="src/app/config-route.js"></script>
<script src="src/app/config-init.js"></script>
<script src="src/app/main/main.js"></script>
<!--SystemJS module loader-->
<script>
System.config({
packages: {
src:{
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('src/app/boot')
.then(null, console.error.bind(console));
</script>
</body>
</html>