sevenLee
3/6/2016 - 4:29 PM

Angular hybrid with systemjs

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>