У VS <= 2015 ми можемо використовувати розширення WebEssentials, яке дбає про компіляцію файлів less / sass для нас, але в даний час воно не підтримує VS 2017. Чи знаєте ви про подібне розширення, яке може компілювати менше / sass при побудові?
Як скомпілювати файли менше / sass у Visual Studio 2017
Відповіді:
WebEssentials розділено на кілька розширень. Я вважаю, що функціональність, яку ви хочете, тепер є у розширенні Web Compiler .
Якщо ви хочете зробити це без розширень, ви можете скористатися програмою запуску завдань, такою як Gulp. Подивіться тут покрокове керівництво щодо інтеграції завдань Gulp у VS.
Я використовую Web Compiler як розширення у VS 2019, щоб допомогти зібрати деякі дуже старі файли .less, і він все ще чудово працює.
—
klewis
ПРИМІТКА. Веб-компілятор покинутий, останнє оновлення було 5 років тому. Є деякі невиправлені проблеми, але це справді працює.
—
Олексій
Веб-компілятор працював у мене у VS 2019, але він не буде автоматично перекомпільовано, якщо не з коробки. Вам потрібно запустити компіляцію один раз вручну (див. Цю відповідь ), щоб створити файл compilerconfig.json. Після цього він автоматично перекомпілює файли .less.
—
neizan
ОНОВЛЕННЯ - БУДЬ ЛАС, ПРОЧИТАЙТЕ ЦЮ СТОРІНКУ, ЯК Я ДОДАВ ДОДАТКОВИЙ ВІДПОВІДЬ (ЦЕЙ БІЛЬШЕ НЕ ЗДАЄТЬСЯ, ЩОБ МЕНИ РОБИТИ).
Для таких, як я, хто не знає Gulp, Grunt, Shriek, Wail і не хоче, ви МОЖЕТЕ отримати Visual Studio 2017 для автоматичної компіляції файлів SCSS, як це було раніше у Visual Studio 2015. кроки нижче працювали для мене.
Спочатку видаліть будь-які старі розширення / пакети Nuget для веб-компілятора (я не знаю, чи потрібно це чи ні).
Перейдіть на сторінку завантаження галереї VSIX і виберіть Завантажити веб-компілятор.
Зверніть увагу, що я зробив це спочатку, вибравши Інструменти / Розширення та оновлення у Visual Studio. Хоча, здавалося, це спрацювало, я виявив, що мої часткові файли SCSS не автоматично компілюються в CSS, коли я вносив до них зміни (я не був єдиним ).
Тепер ви повинні мати змогу клацнути правою кнопкою миші на своєму головному SCSS-файлі та вибрати параметри, показані нижче, які повинні автоматично створити файл, який називається compilerconfig.json, у кореневій частині вашого проекту (цей крок, мабуть, непотрібний, якщо у вас вже є цей файл) :
З цього моменту все, здавалося, працювало нормально. Фу! До речі, завдяки цьому розширенню Мадсу Крістенсену - все, щоб уникнути вивчення чогось нового ...
Я не розумію цей коментар! Не знаю, яка прийнята відповідь, але жодна з них зовсім не схожа на ту, яку я дав.
—
Енді Браун,
Прийнятою відповіддю є відповідь із зеленою галочкою. На даний момент у нього найбільше голосів, і ми пропонуємо використовувати те саме розширення Web Compiler. У будь-якому випадку мені подобається ваша відповідь через фотографії.
—
Михайло Шишков
Дякую. Моя відповідь дає рішення без використання Gulp / Grunt, а також надає додаткові деталі, які потрібні людям. Я подивився на позначену відповідь (серед інших), але це не вирішило мою проблему без додаткової інформації вище - отже, чому я доклав зусиль для публікації, щоб уникнути того, щоб інші витрачали той самий час, який я витратив, намагаючись вирішити це .
—
Енді Браун,
спробуйте прочитати прийняту відповідь, в ній сказано те саме, але також запропоновано, як користуватися Gulp
—
Кіт Ніколас
Добре, я бачу, що прийнята відповідь говорить про те саме - тому моя просто додає більше деталей. Сподіваємось, такі ліниві читачі, як я, можуть знайти це корисним!
—
Andy Brown
Проста відповідь:
- компілювати файли LESS & SASS: Web Compiler або Web Essentials 2017 (включати багато розширень)
- компілювати лише файли SASS (SCss): CompileSass
- для компіляції лише МЕНШИХ файлів: LESS Compiler
Моя попередня відповідь працювала у мене кілька місяців, але зараз вже не працює. Коли я намагаюся скомпілювати, я отримую повідомлення у вікні Помилки про проблеми зі схемою CompilerConfig і не можу вирішити це (ні Google, ні встановлення / видалення не допомогли).
Тож альтернативною відповіддю є використання CompileSASS , який є набагато простішою надбудовою, із (значно) меншою документацією в Інтернеті, але який чудово працює. Єдині мінуси, які я бачу:
- створений CSS знаходиться в тій же папці, що і SCSS, тому мені довелося трохи перемістити речі на своєму веб-сайті, щоб це вмістити; і
- створений CSS мінімізований, наскільки я бачу
Після встановлення надбудови (я використовую VS 2017), ви можете перейти в Інструменти> Параметри, щоб змінити налаштування:
Ось сподіваюся, що тепер я можу відновити роботу! До речі, дякую всім авторам надбудови - не майте на увазі.
Добре, що цього разу я прокрутив весь шлях. Я якраз збирався піти за вашим попереднім. відповідь. Можливо, вам слід оновити це приміткою, якщо ви вважаєте, що відповідь більше не працює. :)
—
radbyx
Працював як оберіг. Дуже дякую.
—
radbyx
Якщо у вас вже є веб - компілятор і стикаються з тими ж помилки , описані в цій статті, см мої пости тут: stackoverflow.com/a/55290276/3609362 github.com/madskristensen/WebCompiler/issues / ...
—
Matt G
Я щойно завантажив Web Compiler для Visual Studio 2019, і поки що він працює ідеально. Чи є якісь проблеми, характерні для Visual Studio 2017?
—
Енді Браун,
Зараз існує також менш конкретний компілятор. https://github.com/madskristensen/LessCompiler
Я завантажив і встановив розширення. Потім я відкрив свій файл Site.less, і я бачу, де знаходиться водяний знак для налаштування на компіляторі. Потім я зробив збірку на своєму сайті, а також відкрив його в режимі налагодження. Коли я відкриваю свій Site.css, який знаходиться під Site.less, на ньому є створений watermak. Потім я намагаюся здійснити пошук нещодавно доданого ресурсу, але його там немає, і я не отримую свій CSS. Будь-які ідеї щодо того, як я можу змусити його побудувати МЕНШЕ?
—
Каверман