Asp.net mvc 如何链接每个文件的angularjs组件

我是angularjs的新手，我在多个地方读到，我们应该针对每个文件定义一个组件。当你只有很少的组件时，这很好，但是一旦你开始有更多的组件，比如说超过5个，那么链接它们将是一场噩梦。 例如：-

如果我在file1.js中定义了控制器

angular.module('module-name')
    .controller('controller1', function (service1) {
        return {
            ....
        };
    });

以及在另一个名为file2.js的文件中定义的服务

angular.module('module-name')
    .factory('service1', function () {
        return {
            ....
        };
    });

现在在我的html文件中，我需要同时包含这两个

<script src="file1.js"></script>
<script src="file2.js"></script>

很快就会变得一团糟

我们如何解决这个问题？我正在ASP.NETMVC中使用它。非常感谢你的帮助

谢谢

当您使用Asp.net c#时，您可以使用服务器端绑定和缩小

通过使用

BundleTable.EnableOptimizations=true在服务器端启用绑定在您的
Global.asax

将所有
CSS
和
JS
文件分别打包。然后在
.cshtml
页面上使用

使用
@Scripts.Render（“bundleName.JS”）

有关更多信息
在服务器端执行捆绑并在客户端加载文件？谢谢。这似乎是可行的。请接受我添加的答案并结束这个问题。