问题 Javascript捆绑在visual studio 2015上

[编辑] BundlerMinifier Extension可以作为Visual Studio扩展进行捆绑和缩小，与GULP，GRUNT或我最喜欢的WebPack相比，它具有有限的功能，但是如果你想要一个简单的解决方案 https://github.com/madskristensen/BundlerMinifier 是这一个

像ecm_dev这样的长话短说，老式优化捆绑将无法使用 这是正确的答案，但它没有帮助我解决我的捆绑和缩小问题，并持续几个月它推动我找到实际存在的替代品 微软推动我们使用的Bower，Gulp，Grunt

我选择Bower作为包经理 Bower是客户端文件上的nuget的替代品（css，js，less等..） 和Gulp作为构建任务op

一饮而尽，凉亭 帮助您拉动Bower套餐

主亭子 - 文件 在正确的位置提取Bower文件

一饮而尽，CONCAT 捆绑你的css或js文件（任何文件）

一饮而尽，丑化 缩小你的js文件

吞掉少 编译你的文件

一饮而尽，cssmin 缩小你的CSS文件

一饮而尽，注入 将你的css和javascript标签注入你的.html或.cshtml

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

但如果你正在寻找这个问题，那你就遇到了同样的问题 对于

在VS 2015上启用gulp： http://tom.cabanski.com/2014/11/23/using-gulp-with-asp-net-vnext-and-visual-studio-2015-preview/

gulp 101： http://ilikekillnerds.com/2014/07/how-to-basic-tasks-in-gulp-js/

我喜欢看视频： https://www.youtube.com/watch?v=dwSLFai8ovQ

在这里另一篇博文： http://mmercan.com/blog/?p=271

阅读完所提供的文档和示例 这里，我立刻有了同样的问题。在捆绑和缩小步骤之后，文档只会说“现在引用文件”。

我做了很多研究，试图找到一种最佳实践，用于有条件地引用开发脚本和其他用于生产的脚本。我最喜欢的选项是：

1. 使用 WireDep 要么 一饮而尽，注入 替换你的占位符值 使用动态定义的文件引用查看模板。您可以根据环境选择要包含在gulpfile中的不同文件，并有条件地选择是否捆绑。这适用于本地文件，但如果您想使用CDN则不是很好。
2. 使用环境标记帮助程序有条件地定义文件引用。如果要从CDN引用文件，此选项非常有用，并且您可以选择在开发的本地文件和生产的CDN文件之间切换。

WireDep和gulp-inject的文档在各自的链接中提供。

要使用环境标记帮助程序，请确保_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 :)

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

1. 安装Web Essentials for 2115
2. 选择要捆绑的文件，如果已经配置了文件并且选择了太多文件，我们可以稍后编辑配置
3. 右键单击并选择“Bundle and Minifier” - “Bundle and Minify Files”（Shift-Alt-F）
4. 将捆绑保存在您的首选位置（可能与前一个名称不同，因此您不要覆盖它）
5. 第一个区别是你不会看到yourfile.js.bundle。相反，你的根文件夹中有一个新的bundleconfig.json
6. 如果您打开文件，您现在可以看到，您只能为所有捆绑包配置一个配置文件
7. 现在您可以从yourfile.bundle复制现有配置，这是XML，没关系
8. 粘贴到新的bundleconfig.json中，然后删除所有 <file> </file> 标签

就是这样......你的新配置现在已经设置好了

你可以在这里获得有关新捆绑器的更多信息

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

在Web Essentials 2015之前，Bundler和Minifier都包含在核心插件中。随着Web Essentials 2015不再是这样，并且已经分离到自己的插件中（Visal Studio Marketplace上的插件）

另外需要注意的是，转换到新插件可以使用 bundleconfig.json 在项目的根目录上代替个人 .bundle 配置文件。