如何 link angularjs 每个文件的组件

Question

我是 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.NET MVC 中使用它。非常感谢帮助。

谢谢

Answer 1

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

通过在 Global.asax

中使用 BundleTable.EnableOptimizations = true; 在服务器端启用捆绑

将所有 CSS 和 JS 文件打包到单独的包中。之后使用

在 .cshtml 页面上推荐他们

使用 @Scripts.Render("bundleName.js")

引用捆绑的 JS 文件

How to link angularjs component per file