在特定页面上加载Angular库

Question

我正在尝试将Angular集成到我的Web应用程序的部分中。当我说部分时，我的意思是有许多页面只有静态文本或图像，加载+ 100kb库是没有意义的，特别是当许多用户将使用移动设备时。

我目前正在使用requireJS ..是否有一种方法我只能在特定页面被加密时加载Angular，例如：

Home.html:                Angular Not Required
Contact Us.html:          Angular Not Required
About Us.html:            Angular Not Required
Product.html:             **Angular Required**
Order.html:               **Angular Required**
Order Confirmation.html:  Angular Not Required
Our Offices.html:         Angular Not Required

目前，我正在使用以下方法在main.js文件中加载Angular：

(function(require) {
'use strict';

require.config({
    baseUrl: '/resources/js',
    paths: {
        .......
        .......
        .......
    },
    shim: {
        .......
        .......
        .......
    }
});


require(['angular', 'myApp'], function (angular, myApp) {
    angular.bootstrap(document,['myApp']);
});

})(this.require);

理想情况下，我希望在HTML中不包含脚本标记的情况下实现此目的。

由于