Почему у меня весь скомпилированный файл styles.css в одну строчку?

Question

[grishaaa]

Я скомпилировал файл styles.less в styles.css и появилась проблема у меня весь скомпилированный код в файле styles.css компилируется в одну строчку. Как решить эту проблему. С уважением Григорий

Answer 1

[Виталий Яковенко]

Включена минификация CSS при компиляции.
Инструкции по отключению есть на офф. сайте.
Вкратце - нужно либо не передавать компилятору опцию -х, либо установить compress: false в опциях.

Comments

[grishaaa]

Я верстаю сайт с помощью bootstrap и как бы ещё не совсем разобрался с less можете, если не затруднит написать мне что и где мне убрать либо добавить

[grishaaa]

я в файле html подключил только файл styles.css

[grishaaa]

Пожалуйста

[Виталий Яковенко]

Хм, сам я Bootstrap'ом не пользовался, но предположу, что у вас должен быть т.н. gruntfile, через который вы запускаете сборку проекта.
В нём должна быть строка вида:
grunt.registerTask('default', [ ***список заданий*** ]);
Так вот, если из неё убрать задание 'min', то ваши файлы не будут проганяться через минификатор. По крайней мере такую инфу я нашел при непродолжительном гуглении =)

[grishaaa]

благодарю, сейчас попробую

[Виталий Яковенко]

Как вариант, попробуйте поискать ещё по слову "cssmin".

[grishaaa]

нету, у меня просто исходник less в котором есть все компоненты bootstrap, joxi.ru/52a1dgqfgzx420

[grishaaa]

и там нету такого файла(

[Виталий Яковенко]

Какой командой вы компилируете css?

[grishaaa]

я компилирую через программу winLess,
а работаю в текстовом редакторе Brackets

[Виталий Яковенко]

Для этой программы минификацию включает опция -compress. Уберите ёё, если она есть.

[grishaaa]

ох, а где это опция(

[Виталий Яковенко]

Ну, как вы запускаете компиляцию своих стилей? Кнопочкой из редактора, или же через командную строку запускаете makefile. Где-то по пути вызывается компилятор стилей - ваш winLess, которому передаются опции, в т.ч. и -compress, которая включает минификацию. К сожалению, где у вас находится makefile я угадать не могу. Поищите что-то с похожим названием...

[grishaaa]

нет. я просто в файле styles.less пишу свои переменные и стили и сохраняю и все. А компилируется оно автоматически и все работает

[Виталий Яковенко]

Значит стоит искать где-то в опциях сборки в редакторе.

[grishaaa]

Виталий Яковенко: Спасибо большое, вы мне очень сильно помогли, я все сделал теперь все работает, действительно нужно было порыться в самом редакторе. Может у кого то будет такая же проблема то заходите по этой ссылке gidbrackets.ru/load/rasshirenija/javascript/fi_com... качайте этот плагин в Brackets и когда будете делать какой-то проект просто создавайте файл ficompiler.json в корневой папке своего проекта и вставляете код, он находится на той ссылке , что кинул ранее. И ещё раз спасибо Виталий. Удачи вам.