Bower with Visual Studio Опубликовать

Question

Я хочу использовать Bower в приложении MVC 4, разработанном в Visual Studio 2015. Я знаю, когда у вас есть проект MVC 5 с обновлением Visual Studio 2015 Update 1, есть хороший интерфейс для управления Bower , как и интерфейс nuget. Эта часть не очень важна.

В настоящее время я использую беседку - у меня есть настройка npm и bower, и у меня есть файлы package.json и bower.json в решении. Когда вы сохраняете, Visual Studio автоматически запускает «npm install», и у меня есть шаг postinstall в package.json для запуска установки «bower install».

Я не хочу вставлять bower_components в решение (или управление источником). Я хочу просто сохранить файлы конфигурации json, и при сохранении все зависимости будут восстановлены.

Все это прекрасно работает в разработке, но то, что не работает, - это щелчок правой кнопкой мыши по веб-проекту, публикация. Публикация не запускает «npm install» и не включает файлы, не включенные в решение (за исключением того, что он как-то работает с пакетами nuget, не включенными в решение). Функциональность «Опубликовать в Интернете» - это то, как мои веб-приложения развертываются с использованием развертывания IIS.

Как я могу сделать работу в Visual Studio Web Publish с Bower?

Альтернатива - я видел, что есть новые крючки для Team System Builds, которые будут запускать задачи gulp, но я не знаю, что вы можете публиковать непосредственно в IIS таким образом.

Answer 1

вместо ссылки на всю папку bower_components и вы можете использовать скрипт gulp или grunt (выберите то, что вам нравится), чтобы скопировать правильные файлы из папки bower_components в нечто вроде скриптов/lib.

Затем вы можете включить эти файлы в исходный код и впоследствии развернуть их.

Ниже файл пехотинца, который я использую для достижения этой цели:

module.exports = function (grunt) { 
    grunt.initConfig({ 
     pkg: grunt.file.readJSON("package.json"), 
     copy: { 
      main: { 
       files: [ 
        { 
         expand: true, 
         flatten: true, 
         src: [ 
          'node_modules/vss-sdk/lib/VSS.SDK.js', 
          'node_modules/moment/moment.js', 
          'node_modules/moment-timezone/moment-timezone.js', 
          'node_modules/jquery/dist/jquery.js', 
          'bower_components/datetimepicker/jquery.datetimepicker.js', 
          'bower_components/datetimepicker/jquery.datetimepicker.css', 
         ], 
         dest: 'scripts/lib', 
         filter: 'isFile' 
        }    
       ] 
      } 
     } 
    }); 

    grunt.loadNpmTasks("grunt-exec"); 
    grunt.loadNpmTasks("grunt-contrib-copy"); 
}; 

Answer 2

В ASP.NET Ядра (т.е. MVC6), Бауэр настроен (в файле .bowerrc), чтобы добавить скрипты Wwwroot/lib, а не папкой bower_components. Это содержимое публикуется Visual Studio.

Тот же подход с использованием файла .a bowerrc будет работать для веб-сайтов MVC4 (по крайней мере, если вы используете Visual Studio 2015). Тем не менее, он также проверяется на управление версиями, поэтому может быть не совсем то, что вы хотите.

Файл .bowerrc можно использовать, чтобы заниматься различными вещами (см. http://bower.io/docs/config/). Однако, чтобы заставить Bower добавлять сценарии к проекту в ~/scripts/lib, вы просто добавляете следующий json:

{ 
    "directory": "scripts/lib" 
}