Как минимизировать css с помощью gruntjs

Question

Я пытаюсь минимизировать внешний скрипт css с использованием gruntjs и grunt-css плагин через терминал.

Код я бегу:

grunt --cssmin ../style.css > ../style1.css 

Могу ли я делать это правильно? Неужели я не понимаю, для чего используется Грунт?

Спасибо!

Вот что мой сгенерированный стиль1.css выглядит как ... Он не минимизирован. Я не уверен, что это такое, но он что-то делает.

[31m<[39m[33mWARN[39m[31m>[39m [33mTask "cssmin" not found. Use --force to continue.[39m [31m</[39m[33mWARN[39m[31m>[39m 

[31mAborted из-за предупреждения. [39m

Answer 1

Это не точно, как работает Грунт. Grunt использует файл grunt (grunt.js в v0.3 и Gruntfile.js в версии 4.0) для настройки инструкций сборки. Сначала создайте файл grunt, grunt init:gruntfile и укажите свои мишени css min. Я рекомендую прочитать руководство по началу работы в документах Grunt:

Вы можете использовать Sqwish (для чего используется grunt-css), чтобы сделать это. Установите sqwish глобально с npm install -g sqwish, затем введите: sqwish -o ../style1.css ../style.css. Узнайте больше о Sqwish здесь: https://github.com/ded/sqwish