标签: bundling-and-minification

我想使用MVC4的捆绑和模仿功能,但我担心模仿.是这样的情况,每次从客户端请求css和javascript捆绑/模仿过程工作.如果是这样,那么每次都没有CPU开销吗？

在使用新的捆绑和缩小功能对ASP.NET应用程序中的性能问题进行故障排除时，我注意到有很多文件活动正在访问捆绑软件中使用的javascript文件。

在一个干净的MVC应用程序上进行了一些测试之后，我注意到在第一个请求之后，我希望它读取文件以建立捆绑包，但大约一分钟左右，它没有在后续请求中读取文件。然后它将再次读入它们，然后安静一分钟左右。

显然，这里有某种类型的缓存，但是捆绑内容在哪里缓存了多长时间？我可以通过配置控制该时间吗？

我在 VS 2013 中启动了一个新的 MVC Razor 测试 Web 项目。我将所有 NuGet 包更新到今天的最新版本，并开始包含来自另一个项目的 TypeScript 插件进行测试。其中一个插件导致了此运行时错误：

堆栈跟踪错误：

Object reference not set to an instance of an object. 
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. 

Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.

Source Error: 
Line 39:     @Scripts.Render("~/bundles/jquery")
Line 40:     @Scripts.Render("~/bundles/bootstrap")
Line 41:     @Scripts.Render("~/bundles/ListView")
Line …

在我们处理调试模式时,你能告诉我如何处理'BundleConfig.cs'文件的下面一行吗？因为我需要在调试模式下忽略下面的行.我怎么能这样做？任何帮助将受到高度赞赏.

BundleTable.EnableOptimizations = true;

我正在使用 Webpack 进行代码捆绑，并希望在 jQuery隐藏功能中使用缓动选项。

$('.comment').hide('slide', { direction: 'left' }, 1000);

我收到此错误消息：

Uncaught TypeError: jQuery.easing[this.easing] is not a function

包.json

...
"dependencies": {
    "@koa/cors": "^2.2.1",
    "axios": "^0.16.2",
    "bootstrap": "^3.3.7",
    "bootstrap-timepicker": "github:janzenz/bootstrap-timepicker#feature/compatibility-es6",
    "d3-ease": "^1.0.3",
    "d3-selection": "^1.1.0",
    "d3-shape": "^1.2.0",
    "d3-transition": "^1.1.0",
    "font-awesome": "^4.7.0",
    "http-server": "^0.10.0",
    "immutable": "^3.8.2",
    "jquery": "^3.2.1",
    "jquery-ui": "^1.12.1",
    "jquery.panzoom": "^3.2.2",
    "juration": "^0.1.0",
    "koa": "^2.3.0",
    "koa-body": "^2.5.0",
    "koa-bodyparser": "^4.2.0",
    "koa-logger": "^3.1.0",
    "koa-router": "^7.2.1",
    "koa-send": "^4.1.1",
    "koa-static": "^4.0.2",
    "moment": "^2.18.1",
    "oembed-auto": "0.0.3",
    "probe-image-size": "^3.1.0",
    "puppeteer": "^0.12.0",
    "react": "^15.6.1", …

两者之间有什么区别：

https://www.nuget.org/packages/Microsoft.AspNet.Web.Optimization/1.1.0

和

https://www.nuget.org/packages/Microsoft.AspNet.Web.Optimization.WebForms/1.0.30506

有人请解释，非常困惑。:(

撞！

我正在创建一个asp.net webforms应用程序并试图缩小我的js + css文件.我正在使用这些指南:http://blogs.msdn.com/b/rickandy/archive/2012/08/14/adding-bundling-and-minification-to-web-forms.aspx.

我的网络应用程序的目标是.net 4.0,但我将其更改为.net 4.5.当我在sources选项卡中查看chrome developertools部分时,我在bundle下查看它看起来不像它已生成:

jquery?v=

我添加了BundleConfig类:

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/jscripts/jquery-{version}.js"));
        BundleTable.EnableOptimizations = true;
    }
}

在jscripts文件夹中,我得到了我的js文件:jquery-1.8.0.min.js在主页的主页中我有:

<asp:PlaceHolder ID="PlaceHolder1" runat="server">
   <%: Scripts.Render("~/bundles/jquery") %>
</asp:PlaceHolder>

在主页后面的代码OnInit-event我有:

BundleConfig.RegisterBundles(BundleTable.Bundles);

当我调试应用程序时,它会点击渲染.是否可能需要在不同的类中注册捆绑包？

在ASP.NET捆绑和微小教程状态:

查询字符串v具有值标记,该标记是用于高速缓存的唯一标识符.只要捆绑包没有更改,ASP.NET应用程序就会使用此令牌请求AllMyScripts捆绑包.如果包中的任何文件发生更改,ASP.NET优化框架将生成一个新令牌,保证对该包的浏览器请求将获得最新的包.

这在Web服务器场上如何工作？

如果我更新包中包含的javascript文件,我的Web场中的新查询字符串是否相同？

我有5个js文件:

1. a1.js
2. a2.js
3. a3.js
4. a4.js
5. a5.js

捆绑在bundle1.js中,我正在使用这个包View1.

现在,我需要使用a3.js,a5.js和a6.js中View2.

我可以用a3,a5和a6创建一个新包,或者为a3和a5使用bundle1 并为a6创建新包吗？

哪种方法好？

我有由webpack 1.13.2捆绑的具有多个入口点的应用程序。我还使用ES2015模块和带有es-2015预设的babel。

entry: {
        entry1: "app/somechunk/entry1.js",
        entry2: "app/somechunk2/entry2.js"
}

我想要特定模块的条件导入。导入应取决于入口点。像这样：

if(entry1){
    import locale from 'app/somechunk/localeDictionary1.js'
} else {
    import locale from 'app/somechunk2/localeDictionary2.js'
}

我该如何实现？