标签: bundling-and-minification

我试图缩小字体awesome.css但是当我最小化它显示内容的不同垃圾字符,如:

{ content: "\f048"; }

以上是像箭头等内容图标....

有什么办法可以解决这个问题？

谢谢

1. 包System.Web.Optimization已安装

2. bundle已配置如下

   using System.Web.Optimization;
   public class BundleConfig
   {
       public static void RegisterBundles(BundleCollection bundles)
       {
           bundles.Add(new ScriptBundle("~/Content/themes/base/js").Include("~/Scripts/Site.js"));
           bundles.Add(new StyleBundle("~/Content/themes/base/css").Include("~/Content/Site.css"));
   
       }
   }
   

   Run Code Online (Sandbox Code Playgroud)

3. 将其添加到Layout.cshtml

   @System.Web.Optimization.Scripts.Render("~/Content/themes/base/js")
   @System.Web.Optimization.Styles.Render("~/Content/themes/base/css")
   

   Run Code Online (Sandbox Code Playgroud)

css成功缩小但是为js文件返回404错误？

我们有混合应用程序,它仍然运行ASP.NET MVC中的经典ASP应用程序的一部分.我想在经典ASP中也使用捆绑的javascript和样式.

在ASP.NET中,我们可以很好地使用捆绑的东西和缓存,我们使用Script.Render,它将版本哈希添加到fetch url.

事实上,这种方法当然不适用于Classic ASP.

我们可以直接从html使用捆绑<script src="bundles/js?v=<%=version%>"/>.version变量是缓存清除中使用的经典ASP变量(强制浏览器刷新).它在版本之间进行了更改.

问题是如果经典ASP没有给捆绑请求提供正确的哈希,MVC捆绑将返回标头caching: no-caching,这将指示浏览器不缓存它.

你有什么好主意吗？可以在经典ASP中计算哈希吗？你能告诉捆绑在没有v = hash的情况下允许缓存吗？可以在启动时从MVC传输v = hash吗？我们有在Classic ASP和MVC之间传输变量的机制,但是这种哈希是从MVC启动代码可以达到的.

我是否有可能以"管理员"角色为用户呈现非捆绑和未分类的脚本和样式？

我搜索并找到了如何禁用捆绑

BundleTable.EnableOptimizations = ...

和缩小

foreach (Bundle bundle in bundles)
{
    bundle.Transforms.Clear();
}

在Global.asax.cs中Application_Start,但我希望这个逻辑是每个用户,而不是每个应用程序实例,所以它不应该只在应用程序启动时运行.

在ASP.NET 5中,我将从ASP.NET MVC的捆绑系统转移到Bower/Grunt工作流程,以进行客户端包管理和捆绑/缩小.我正在试图弄清楚如何密切复制MVC捆绑功能.

使用MVC捆绑,我手动创建了所有捆绑包,然后调用辅助方法,例如:@Styles.Render("~/bundles/styles/site").在开发中,我为bundle中的每个CSS文件获得单独的link元素,在生产中我得到一个组合和缩小的CSS文件.

我已成功与Bower建立Grunt以下拉包并将它们复制到适当的最终目的地,但开发和生产之间没有区别.与我现有的MVC捆绑工作流程最接近的功能是什么？

我想构建一个完整的全栈网络应用程序。我的服务器端代码是打字稿。我想配置我的项目，使其来自以下结构：

• projectFolder/src/(服务器端打字稿文件) -包含一个index.ts主文件

• projectFolder/public/(客户端代码) - 由index.ts 快速代码提供。

• 项目文件夹/ serverCodeBundle.js

当我处理服务器端代码时，我希望在后台运行一些 watch 命令，并将所有 ts 文件捆绑到一些serverCodeBundle.js中，以便将其源映射到原始 ts 文件。

为了简单起见，我们假设我的服务器端代码如下所示（为简单起见，我省略了客户端代码服务）：

/src/index.ts:
 import {A} from './A'
 new A()

/src/A.ts:
 export class A {
   constructor() {
     throw new Error("A error")
   }
 }

运行 nodemon serverCodeBundle.js 时，应该会出现一条错误消息，指出错误来自 A.ts。

我已经在每个 ts 文件的开头尝试了 tsify[与 require("source-map-support").install() 一起使用（也仅在 index.ts 中）以及 tsconfig 中的 sourcemap 选项]，但无法得到它上班。

是否有任何 tsify 配置、yeoman 生成器或任何其他捆绑器可以做到这一点？

假设我有两个文件,main.js和app.js ; 我如何使用Webpack将它们捆绑到一个文件中:bundle.js？

我已将所有 js 库捆绑到一个大文件中，以节省大量 http 请求。

但是由于某种原因，下载这个 1.2mb 的包需要 9.29 秒（有时是 +15）。

在这种情况下，包没有缩小，但即使缩小，783kb 也需要 4-7 秒，所以也好不到哪里去。

但最大的谜团是：如果我快速刷新页面 5-6 次，那么加载时间就会恢复正常（~150 毫秒）。每次刷新都正常。但是如果我等5分钟。并且不提出任何要求。然后加载时间又变慢了。

而且当我在本地环境中运行我的应用程序时，它总是加载很快。

现在我有两个问题想请教大家：

1：将我所有的库连接成一个文件是错误的吗？

2：为什么在我的情况下下载 ~1mb 需要将近 10 秒的时间？

也请看看图片，显示请求加载时间和我的请求头

我正在编写几个小演示来向同事解释装饰器（在打字稿中），当我注意到我的捆绑包有一个 Microsoft 版权声明，这种通知使我的整个文件对所有人免费（并且由 MS 制作）。

这应该如何有效处理（如果我创建了一些不是免费的东西）？

我使用 Typescript 3.1 进行编译和汇总以进行捆绑。

代码：

import { isNotUndefined, isNotNullOrUndefined } from "goodcore/Test";

function deprecated<S>(instead?: string, message?: string) {
    // Logic removed for brevity...
}

class Car {
    @deprecated()
    public turnIgnitionKey() {
        this.start();
    }
    public pressStartButton() {
        this.start();
    }
    private start() {
        console.log("Running!");
    }
}

let car = new Car();
car.turnIgnitionKey();
car.pressStartButton();

和 bundle 开始（最后一个函数是我的，之前的那些是 MS）：

'use strict';

/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the …

我正在使用Visual Studio 2017 的Web 编译器。编译单个文件很容易，因为帮助就在那里。

但是，我想缩小项目中的多个 JavaScript 文件，但我找不到具体方法。这是我拥有的文件列表：

/scripts/framework.js\n/scripts/validation.js\n/scripts/normalization.js\n/scripts/shim.js\n\xe2\x80\xa6\n

我想要做的是将所有这些文件捆绑并缩小到一个 JavaScript 文件中：

/scripts/all.js\n

我如何使用 Web 编译器来做到这一点？