Компилируйте файлы .less в .css после каждого обновления
Я установил узел и npm. С npm я скачивал меньше.
И когда я выполняю
lessc styles.less styles.css -x -w
в терминале, он компилирует и сжимает код, но не отслеживает изменения, так как я ожидаю, что LESS автоматически скомпилирует и обновит страницу автоматически. Поэтому, если я делаю какие-либо изменения в своем файле styles.less, каждый раз, когда мне нужно идти в терминал и вводить команду для компиляции меньшего css.
Кроме того, компилятор даже не показывает никаких ошибок компиляции.
Пожалуйста, объясните мне, как этого достичь. Это мой первый день с LESS CSS.
3 ответа
Теперь есть гораздо более простой метод.
Установите NodeJs. А через NPM установите less-monitor
Проще говоря, -w аргумент не существует.
$ lessc --help
usage: lessc [option option=parameter ...] <source> [destination]
If source is set to `-' (dash or hyphen-minus), input is read from stdin.
options:
-h, --help Print help (this message) and exit.
--include-path=PATHS Set include paths. Separated by `:'. Use `;' on Windows.
-M, --depends Output a makefile import dependency list to stdout
--no-color Disable colorized output.
--no-ie-compat Disable IE compatibility checks.
-l, --lint Syntax check only (lint).
-s, --silent Suppress output of error messages.
--strict-imports Force evaluation of imports.
--verbose Be verbose.
-v, --version Print version number and exit.
-x, --compress Compress output by removing some whitespaces.
--yui-compress Compress output using ycssmin
--max-line-len=LINELEN Max line length used by ycssmin
-O0, -O1, -O2 Set the parser's optimization level. The lower
the number, the less nodes it will create in the
tree. This could matter for debugging, or if you
want to access the individual nodes in the tree.
--line-numbers=TYPE Outputs filename and line numbers.
TYPE can be either 'comments', which will output
the debug info within comments, 'mediaquery'
that will output the information within a fake
media query which is compatible with the SASS
format, and 'all' which will do both.
-rp, --rootpath=URL Set rootpath for url rewriting in relative imports and urls.
Works with or without the relative-urls option.
-ru, --relative-urls re-write relative urls to the base less file.
-sm=on|off Turn on or off strict math, where in strict mode, math
--strict-math=on|off requires brackets. This option may default to on and then
be removed in the future.
-su=on|off Allow mixed units, e.g. 1px+1em or 1px*1px which have units
--strict-units=on|off that cannot be represented.
Report bugs to: http://github.com/cloudhead/less.js/issues
Home page: <http://lesscss.org/>
Однако можно использовать inotify для наблюдения за изменениями, и это выполняет примерно, что Вы хотите:
while inotifywait -r styles.less; do
lessc -x styles.less styles.css;
done
Обновление 2019 года: В то время как lessc что-то, что я все еще использую непосредственно, иногда, я склонен склоняться к полной стопке webpack в эти дни.
Это не совсем как душа, уничтожающая, как это появляется издалека, но это может занять время (и доверие) для подъема набора. Особенно, если у Вас есть предвзятые мнения о том, как этот материал должен работать.
И да, я уверен к Лету 2019 года webpack, будет мертвый проект, и все клиентские хипстеры перейдут на что-то еще. Это - просто риск здесь. Хорошая вещь состоит в том, что в конечном счете это - слой сверху вещей как МЕНЬШЕ и ДЕРЗОСТЬ и различные языки сценариев, и это - вся сторона клиента. Таким образом, можно продолжить быть динозавром столько, сколько Вам нравится.
Используйте less-watch-compiler :
Установить глобально
$ (sudo) npm install -g less-watch-compiler
Использование без основного файла [ 116]
$ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT
Использование с основным файлом
$ less-watch-compiler FOLDER_TO_WATCH FOLDER_TO_OUTPUT main.less