Javascript Bundling on visual studio 2015

Question

System.Web.Optimization на Visual Studio 2013 давал нам расслоение на файлы javascript, и лучшая часть этого позволяла нам работать с отдельными файлами или связывать их по мере необходимости. он делает отладку радости теперь Visual Studio 2015 мы ворчание и Task Runner, позволь мне связывать и уменьшенный, но переключение между сгруппированными JS и оригинальными файлами, это просто болью

кто-нибудь имеет решение использовать оптимизация пакетирование на VS 2015

Благодаря

Answer 1

старая оптимизации стиля комплектация не будет доступна в VS2015 для ASP.NET 5.0 приложений: https://github.com/aspnet/Home/issues/134

Answer 2

[Edit] BundlerMi nifier Расширение может сделать пакетирование и Минимизацию в качестве визуального расширения студии он имеет ограниченные возможности сравнить с глотком, ворчать или Мой любимый WebPack, но если вы хотите простое решение https://github.com/madskristensen/BundlerMinifier является один

Короче говоря, как ecm_dev сказал оптимизация старого стиля связывание не будет доступно это правильный ответ, но это не помогло мне решить мою проблему с комплексом и минимизацией, и последние несколько месяцев это подтолкнуло меня найти замены, которые на самом деле были там Bower, Gulp, Grunt, который Microsoft подталкивает нас к использованию

Я выбрал Bower в качестве менеджера пакетов Бауэр является заменой для NuGet на клиентских файлов (CSS, JS, меньше и т.д ..) и Глоток как строить задачи оп

gulp-bower Помощь вы тянуть Бауэр упаковывает

main-bower-files Извлечение Бауэр файлы в нужных местах

gulp-concat связывает ваш CSS или JS файлы (любой файл)

gulp-uglify Минимизировать ваш JS файлы

gulp-less компилировать ваши меньше файлов

gulp-cssmin Минимизировать ваши CSS файлы

gulp-inject впрыснуть ваш CSS и теги JavaScript в вашем .html или .cshtml

Глоток на самом деле больше, чем способен System.Web.Оптимизация + Web Essential объединяется, но есть чему поучиться Это может быть не тот ответ, который вы ищете (когда я впервые задал этот вопрос немного больше месяца назад, он определенно не был моим)

, но если вы ищете этот вопрос, у вас есть такая же проблема у меня была для

позволяет глотку на VS 2015: http://tom.cabanski.com/2014/11/23/using-gulp-with-asp-net-vnext-and-visual-studio-2015-preview/

глотка 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

Answer 3

После прочтения документации и примеры предоставленной here, я сразу же был тот же самый вопрос. После шагов связывания и минимизации документы просто говорят «Теперь ссылайтесь на файлы».

Я провел немало исследований, пытаясь найти оптимальную практику для условно ссылки на сценарии разработки и другие для производства. Варианты мне нравится больше всего, являются:

1. Использование WireDep или gulp-inject заменить значение заполнителей в ваших просмотре шаблонов с динамически определенными ссылками на файлы. Вы можете выбрать различные файлы для включения в свой 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.

Answer 4

После того как я жаловался на целый день в Visual Studio 2015 для перемещения моего сыра, я успокоился и только тогда, когда впереди, чтобы узнать, как сделать это по-новому, я теперь обратно к любовным vs2015 :)

Если вы уже все ваши файлы настроены, не волнуйтесь, не удалить существующую конфигурацию мы будем использовать его

1. Установка веб-Основы для 2115
2. Выберите файлы, которые вы хотите связать, если вы уже файлы настроены и слишком много, только выберите пару, которую мы можем отредактировать позже.
3. щелкните правой кнопкой мыши и выберите «Bundle and Minifier» - «Bundle and Minify Files» (Shift-Alt-F)
4. Сохраните комплект в своем предложении (возможно, с другим именем от предыдущего, так что вы не переопределяйте его)
5. Первое отличие состоит в том, что вы не увидите yourfile.js.bundle. Вместо этого есть новый пакет bundleconfig.json в вашей корневой папке
6. , если вы откроете файл, который вы можете увидеть, теперь у вас может быть только один файл конфигурации для всех ваших пакетов.
7. Теперь вы можете скопировать существующую конфигурацию из вашего файла file.bundle, который является XML, и это нормально
8. Вставить в новую bundleconfig.json и просто удалить все теги <file> </file>

и это все ... ваш новый конфиг теперь установка

вы можете получить более подробную информацию о новый комплектщик

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

Answer 5

Перед тем, как Web Essentials 2015 Bundler и Minifier были включены в основной плагин. С Web Essentials, 2015, что уже не так, и были, разделенной в свой собственный плагин (Plugin on Visal Studio Marketplace)

отметить также, переход на новый плагин вы используя bundleconfig.json файл в корневом каталоге вашего проекта вместо из отдельные файлы конфигурации .bundle.