html 与systemjs的角度混合

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 与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>

以上是关于html 与systemjs的角度混合的主要内容，如果未能解决你的问题，请参考以下文章

使用 SystemJS 的混合 AngularJS/Angular 应用程序中的 Lodash。我可以单独分配'_'吗？

将 Angular 1.x 与 TypeScript 1.5 和 SystemJS 一起使用

Webpack - 在 Angular 2 中调用外部 JS

赛普拉斯与SystemJS

rxjs 与 systemjs 捆绑用于 Angular 2.0 应用程序

在使用混合表达式的同时使用带角度与 ng-class 的类