2016-01-31 4 views
1

Я хочу использовать bootstrap 4 альфа-версию SASS с приложением ASP.NET 5. До сих пор было довольно сложно установить его и упростить рабочий процесс. У них есть файл Grunt, который создает файлы css и js и их мини-версии, но я не вижу чистого способа для хорошего рабочего процесса.Bootstrap 4 SASS и ASP.NET5

То, что я хочу достичь, как минимум:

  1. У самозагрузки .SCSS/.JS файлы где-то в проекте
  2. Всякий раз, когда я что-то изменить в .SCSS и сохранить его следует transpile .SCSS в .css , объединить и минимизировать их. То же самое касается JS

В идеале он должен работать с ссылкой на браузер на странице, сгенерированной из .cshtml. Я хочу, чтобы избежать установки Ruby материала, как предполагает бутстрап.

До сих пор я пытался использовать расширение веб-компилятора, но он не понимает SCSS bootstrap, поскольку они не @import друг друга. И gulp или grunt можно использовать для объединения/минимизации результатов веб-компилятора, но я не знаю, как назначить задачу gulp/grunt на Ctrl + S внутри события .SCSS.

ответ

0

Использование Grunt (или Gulp в этом отношении) для компиляции SASS или LESS относительно просто в Visual Studio один раз. Я написал руководство о том, как compile SASS using Grunt in Visual Studio

Главное средство, необходимое для запуска задач Grunt/Gulp в Visual Studio, - Task Runner Explorer (поставляется с VS2015). Это запустит ваши задачи и позволит вам сделать это при компиляции или при сохранении. У Скотта Хансельмана есть post.

+1

Я тоже склоняюсь к Gulp. Есть так много плагинов, что это довольно подавляющее. Поскольку в Web Essentials вы получаете эти предупреждения о специфических свойствах поставщика, Web Compiler предоставляет .css и .min.css для сохранения, TypeScript передается с помощью VS, но в конце вам нужно поместить все это на wwwroot и объединить, тогда вы нужен глоток. Так что, возможно, проще написать одну большую задачу Gulp, которая делает SASS компиляцию, минимизацию, конкатенацию, autoprefixer и перемещает ее на wwwroot и просто отключает все эти надстройки :( –

+0

@AndreyBiryulin определенно лучше в долгосрочной перспективе создать ваша собственная задача gulp.Это дает вам больше гибкости и контроля над тем, что вы делаете. Кроме того, это часть проекта, в которой вам не нужен разработчик для установки расширений x, y и z для компиляции. –