skip to Main Content
Минимизация CSS в Notepad++

При оптимизации сайтов вопрос минимального кода всегда актуален, самый простой способ уменьшить CSS код (удалить все пробелы) в Notepad++, но нужен и обратное решение для удобства работы

Зачем нужно мое решение?

  • Работать с CSS в одну строку очень трудоемко.
  • Вручную удалять лишние пробелы, и вставлять для работы со стилями — не оптимальное решение.
  • Плагин для  Notepad++ я не нашел.

Напишем скрипт для любимого блокнота сами.

Уменьшение CSS в Notepad ++ пошаговая инструкция

  1. создадим файл mfy.bat со скриптом:
    rem Try to exit early if no file exists
    if not exist %1 (
     echo file does not exist %1
     goto :eof
    )
     
    set nam=%~n1
    set ext=%~x1
    set fullpath=%~dp1
    set do_minify="0"
    set full_min=%fullpath%\%nam%.min%ext%
     
    rem echo %fullpath%
     
    if "%ext%"==".js" (
     set do_minify=1
    )
     
    if "%ext%"==".css" (
     set do_minify=1
    )
     
    if "%do_minify%"=="1" (
     if "%full_min%"=="" (
      echo Wrong with %full_min%
      goto :eof
     )
      
    minify.cmd -o "%full_min%" %1
    ) else (
     echo This is not a file to minify: %1
    )
  2. Сохраним файл mfy.bat в папке %APPDATA%\Notepad++
  3. Скачаем и установим Node.js. (нужны права администратора)
  4. Откроем CMD window и установим уменьшитель:
    npm install minifier -g
  5. В Notepad++ добавим плагин NppExec (Plugins -> Plugins Admin -> NppExec)
  6. Добавим команду в Notepad++ (Plugins -> NppExec -> Execute): $(SYS.APPDATA)\Notepad++\mfy.bat "$(FULL_CURRENT_PATH)" Сохраним скрипт как “Minify”.
    Еще одна версия, для пробы:
    cd $(FULL_CURRENT_PATH) mfy.bat $(FILE_NAME)
  1. Добавим пункт меню для этого нового скрипта Minify Minify (Plugins -> NppExec -> Advanced Options). Выберем Minify в Связанном скрипте, нажмите кнопку «Add/Modify». Выберем «Place to the Macros menu».Перезапустим Notepad ++.
  2. Создаем ярлык для Macro.Macro -> Modify shortcut/Delete Macro … На вкладке «Plugin Commands» дважды щелкните мышью на Minify. Выберем F9 (или другую кнопку) в качестве ярлыка.
  3. Затем, когда мы нажмем F9 в Notepad ++, скрипт создает новый минимизированный файл, который занимает меньше места на диске и быстрее загружается браузерами.
Back To Top