
При оптимизации сайтов вопрос минимального кода всегда актуален, самый простой способ уменьшить CSS код (удалить все пробелы) в Notepad++, но нужен и обратное решение для удобства работы
Зачем нужно мое решение?
- Работать с CSS в одну строку очень трудоемко.
- Вручную удалять лишние пробелы, и вставлять для работы со стилями — не оптимальное решение.
- Плагин для Notepad++ я не нашел.
Напишем скрипт для любимого блокнота сами.
Уменьшение CSS в Notepad ++ пошаговая инструкция
- создадим файл 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
)
- Сохраним файл mfy.bat в папке
%APPDATA%\Notepad++
- Скачаем и установим Node.js. (нужны права администратора)
- Откроем CMD window и установим уменьшитель:
npm install minifier -g
- В Notepad++ добавим плагин NppExec (Plugins -> Plugins Admin -> NppExec)
- Добавим команду в Notepad++ (Plugins -> NppExec -> Execute):
$(SYS.APPDATA)\Notepad++\mfy.bat "$(FULL_CURRENT_PATH)"
Сохраним скрипт как “Minify”.
Еще одна версия, для пробы:
cd $(FULL_CURRENT_PATH) mfy.bat $(FILE_NAME)

- Добавим пункт меню для этого нового скрипта Minify Minify (Plugins -> NppExec -> Advanced Options). Выберем Minify в Связанном скрипте, нажмите кнопку «Add/Modify». Выберем «Place to the Macros menu».Перезапустим Notepad ++.
- Создаем ярлык для Macro.Macro -> Modify shortcut/Delete Macro … На вкладке «Plugin Commands» дважды щелкните мышью на Minify. Выберем F9 (или другую кнопку) в качестве ярлыка.
- Затем, когда мы нажмем F9 в Notepad ++, скрипт создает новый минимизированный файл, который занимает меньше места на диске и быстрее загружается браузерами.