Предисловие
При разработке фронтального конца вы часто пишете немного меньше или SASS-файлов, но эти файлы должны быть скомпилированы в файлы CSS, чтобы быть эффективными. Раньше некоторые автоматизированные конструктивные инструменты использовались для прослушивания изменений файлов проекта в режиме реального времени, и требовалась некоторая конфигурация.
Здесь используется плагин для Watch In Idea, без дополнительной конфигурации, которая простой и удобной.
работать
Зависимости
Расположение плагина
Настройка файла смотрите
1. Создайте новый файл меньшего размера в проекте
Создать новый файл меньше
2. Настройте файл, наблюдая за меньшим файлом.
Мы видим, что в верхней части файла есть наблюдатель
Настроить меньше 'file watch
Нажмите на макрос вставки в крайнем правом направлении выходного пути, чтобы увидеть предопределенный макрос и контент, который он представляет.
Вставьте в интерфейс макроса
Окончательный рендеринг
Окончательная конфигурация
Вы можете видеть, что меньше собирается в файл CSS в режиме реального времени
Компиляция изображений в реальном времени
дополнительный
Посмотреть файла может не только наблюдать за меньшим количеством файлов, но и обрабатывать операции, которые контролируют изменения файлов в режиме реального времени. Мы можем настроить это сами в конфигурации идеи.
File Watch Location
Я не рекомендую использовать компилятор Sass на передней части, потому что установка компилятора Sass в Windows зависит от многих вещей, как в C ++, так и в Python. Хотя можно использовать SASS на Mac или Linux, это вызовет проблемы при использовании его в Windows. Меньше имеет аналогичные функции, что и SASS, и они в конечном итоге будут скомпилированы в CSS. С таким полезным инструментом используйте меньше напрямую.
Суммировать
Выше приведено метод идеи Intelj с использованием файлов pilewatch для составления меньшего количества файлов в режиме реального времени. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!