Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net 无mvc的angularjs spa捆绑和缩小_Asp.net_Angularjs_Asp.net Mvc_Asp.net Mvc 4_Bundling And Minification - Fatal编程技术网

Asp.net 无mvc的angularjs spa捆绑和缩小

Asp.net 无mvc的angularjs spa捆绑和缩小,asp.net,angularjs,asp.net-mvc,asp.net-mvc-4,bundling-and-minification,Asp.net,Angularjs,Asp.net Mvc,Asp.net Mvc 4,Bundling And Minification,我正在创建一个与RESTAPI通信的AngularJS站点。对于RESTAPI,我使用ASP.NETWebAPI。我还创建了一个“ASP.NET空Web应用程序”。此项目中只有HTML、js和CSS文件(以及一个web.config文件)。我希望我的js和CSS文件被捆绑并缩小,但我不想将缩小的文件添加到index.cshtml中。可能吗 任何人都能说出如何将缩小的文件添加到index.html中 我遵循的步骤 1.安装软件包。 安装软件包Microsoft.AspNet.Web.Optimiz

我正在创建一个与RESTAPI通信的AngularJS站点。对于RESTAPI,我使用ASP.NETWebAPI。我还创建了一个“ASP.NET空Web应用程序”。此项目中只有HTML、js和CSS文件(以及一个web.config文件)。我希望我的js和CSS文件被捆绑并缩小,但我不想将缩小的文件添加到index.cshtml中。可能吗

任何人都能说出如何将缩小的文件添加到index.html中

我遵循的步骤

1.安装软件包。
安装软件包Microsoft.AspNet.Web.Optimization

2.创建了BundleConfig类和bundles:

 using System.Web.Optimization;
    public class BundleConfig
    {
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle(new ScriptBundle("~/MyApp/Main")
                .Include("~/MyApp/app.js")
                .Include("~/MyApp/SampleController.js")); 
        } 
    }
3.在global.asax中的应用程序启动中注册BundleConfig类

void Application_Start(object sender, EventArgs e)
{
    BundleConfig.RegisterBundles(BundleTable.Bundles);
}
现在我想将Main.js引用到我的应用程序中。我可以将Main.js添加到我的index.html中吗?如果可以,如何添加?
是否有必要创建.cshtml,然后使用

@script.Render

除了asp.net mvc之外,还有什么其他方法可以捆绑和缩小我的文件吗?

首先,您需要针对以下问题优化角度代码:

之后,您需要将所有角度文件收集到一个包中

public static void RegisterBundles(BundleCollection bundles) {
    bundles.Add(new ScriptBundle("~/angular").Include(
        "~/Scripts/first-file.js",
        "~/Scripts/second-file.js",
        "~/Scripts/third-file.js"));

    BundleTable.EnableOptimizations = true;
}
您可以使用以下标记访问*.cshtml中的捆绑JavaScript文件:

@Scripts.Render("~/angular")

这是一篇关于这个问题的好博客。

首先,您需要针对这个问题优化您的角度代码:

之后,您需要将所有角度文件收集到一个包中

public static void RegisterBundles(BundleCollection bundles) {
    bundles.Add(new ScriptBundle("~/angular").Include(
        "~/Scripts/first-file.js",
        "~/Scripts/second-file.js",
        "~/Scripts/third-file.js"));

    BundleTable.EnableOptimizations = true;
}
您可以使用以下标记访问*.cshtml中的捆绑JavaScript文件:

@Scripts.Render("~/angular")

这是一篇关于这个问题的好博客。

我想你真的需要给asp技术加上标签,而AngularJS我知道一种实现方法,但我不推荐这种方法,因为它太麻烦了。看一看大口大口。您现在正在转向angular,所以忘记mvc功能吧,angular有更好的实现来回答您的问题。我认为您确实需要标记asp技术,而不是AngularJS。我知道一种实现方法,但我不推荐这种方法,因为它太乱了。看一看大口大口。您现在正在转向angular,因此忘记mvc功能,angular有更好的实现来回答您的问题。请阅读问题,它特别要求非.net版本。请阅读问题,它特别要求非.net版本。