Asp.net core visual studio 2015上的Javascript捆绑

Asp.net core visual studio 2015上的Javascript捆绑,asp.net-core,visual-studio-2015,Asp.net Core,Visual Studio 2015,Visual Studio 2013上的System.Web.Optimization为我们提供了绑定javascript文件的功能,其中最好的部分是允许我们使用单个文件或根据需要绑定它们。这使调试成为一种乐趣 现在,在Visual Studio 2015上,我们有了grunt和Task Runner,请允许我进行捆绑和缩小,但在捆绑的js和原始文件之间切换只是一种痛苦 有人有在VS 2015上使用优化捆绑的解决方案吗 感谢老式的优化捆绑在VS2015中将不适用于ASP.NET 5.0应用程序:

Visual Studio 2013上的
System.Web.Optimization
为我们提供了绑定javascript文件的功能,其中最好的部分是允许我们使用单个文件或根据需要绑定它们。这使调试成为一种乐趣 现在,在Visual Studio 2015上,我们有了grunt和Task Runner,请允许我进行捆绑和缩小,但在捆绑的js和原始文件之间切换只是一种痛苦

有人有在VS 2015上使用优化捆绑的解决方案吗


感谢

老式的优化捆绑在VS2015中将不适用于ASP.NET 5.0应用程序:

[Edit]BundlerMinifier扩展可以作为Visual Studio扩展进行捆绑和缩小与GULP相比,它的功能有限,GRUNT或我最喜欢的网页,但如果你想要一个简单的解决方案,那就是

长话短说,比如ecm_dev说,旧式的优化捆绑将不可用 这是正确的答案,但它并没有帮助我解决捆绑和缩小问题,在过去的几个月里,它促使我找到了实际存在的替代品 微软正在推动我们使用的Bower、Gulp和Grunt

我选了鲍尔当包裹经理 Bower是客户端文件(css、js、less等)上nuget的替代品 并将其作为构建任务进行吞咽

帮你拉包

在正确的位置提取Bower文件

捆绑css或js文件(任何文件)

缩小你的js文件

编译更少的文件

缩小你的css文件

将css和javascript标记插入到.html或.cshtml中

Gulp实际上比System.Web.Optimization+Web Essential组合功能更强,但还有很多东西需要学习 这可能不是你想要的答案(一个月前我第一次问这个问题时,它肯定不是我的)

但是如果你想问这个问题,你和我有同样的问题 为了

在VS 2015上启用吞咽功能:

一饮而尽101:

我喜欢看视频:


这里是另一篇博文:

在阅读了提供的文档和示例后,我立即提出了同样的问题。在捆绑和缩小步骤之后,文档只会说“现在引用文件”

我做了大量的研究,试图找到一种最佳实践,用于有条件地引用脚本进行开发和其他生产。我最喜欢的选项是:

  • 使用或替换文件中的占位符值 查看具有动态定义的文件引用的模板。您可以根据环境选择要包含在gulpfile中的不同文件,并有条件地选择是否捆绑。这对本地文件非常有效,但如果您想使用CDN,就没有那么好了
  • 使用环境标记帮助器有条件地定义文件引用。如果您希望引用CDN中的文件,此选项非常有用,并提供了在用于开发的本地文件和用于生产的CDN文件之间切换的选项
  • WireDep和gulp注入的文档在各自的链接中提供

    要使用环境标记帮助器,请确保_GlobalImport视图文件中包含以下行

    @addTagHelper "*, Microsoft.AspNet.Mvc.TagHelpers"
    
    然后像这样使用它:

    <environment names="Development">
        <script src="~/js/script1.js"></script>
        <script src="~/js/script2.js"></script>
        <script src="~/lib/big-script-library.js"></script>
    </environment>
    <environment names="Staging,Production">
        <script src="~/js/bundle/script.min.js"></script>
        <script src="http://www.some-cdn-resource.com/big-script-library.min.js"></script>
    </environment>
    
    
    

    环境名称与ASP.NET 5环境变量ASPNET_ENV相对应。

    在我向Visual Studio 2015抱怨了一整天,因为我搬走了奶酪,我平静了下来,就在我想知道如何用新方法来做的时候,我现在又回到了爱vs2015:)

    如果您已经配置了所有文件,不要担心,不要删除现有配置,我们将使用它

  • 为2115安装Web Essentials
  • 选择要捆绑的文件,如果您已经配置了文件,并且文件太多,请仅选择几个文件,我们可以稍后编辑配置
  • 右键单击并选择“捆绑和缩小”-“捆绑和缩小文件”(Shift-Alt-F)
  • 将捆绑包保存在您的prefeer位置(可能使用与前一个不同的名称,这样您就不会覆盖它)
  • 第一个区别是,您不会看到yourfile.js.bundle。相反,在根文件夹中有一个新的bundleconfig.json
  • 如果现在打开该文件,您可以看到所有捆绑包只有一个配置文件
  • 现在,您可以从yourfile.bundle复制现有的配置,它是XML,没关系
  • 粘贴到新的bundleconfig.json中,只需删除所有的
    标记即可
  • 就这样。。。您的新配置现在已设置

    您可以在此处获得有关新捆绑包的更多信息

    https://visualstudiogallery.msdn.microsoft.com/9ec27da7-e24b-4d56-8064-fd7e88ac1c40
    

    在WebEssentials 2015之前,Bundler和Minifier都包含在核心插件中。随着WebEssentials 2015的推出,这种情况已经不再存在,并且已经被分离到自己的插件中()


    还要注意的是,转换到新插件会让您在项目根目录上使用
    bundleconfig.json
    文件,而不是单个
    .bundle
    配置文件。

    我建议您看看早午餐。这样更简单。你几乎可以做你以前做过的一切。工作流程有点不同,但您仍然可以得到所需的。关于dev/prod文件,当taghelpers被引入时,这将更加容易。您如何处理dev vs release?也就是说,在dev中,您不希望捆绑和缩小内容,而在发行版中,您需要。我使用gulp.inject从单个模板创建了2个HTML文件,1个注入了所有is和css文件,但没有用于开发和调试的捆绑包,第二个文件使用了用于发行的丑陋和捆绑文件,我也同意在发布版本上进行测试,但没有太多调试。我的解决方案与此非常相似,但我没有使用gulp bower和main bower文件,而是使用bower和bower安装程序包的默认安装程序作为.bowerrc中的安装后钩子。此链接也提供了很好的信息。此解决方案不长