2015-04-19 2 views
8

В соответствии с this question можно импортировать файл css из менее v.1.4.0.
Я попытался использовать задачу gulp-less, и она не работает.
Есть ли способ импортировать файл css следующим образом: @import "../spritesheet.css"; с nodeJS gulp?Импорт файла .css в less using nodejs gulp

+0

Определить, что «это не работает»? Что именно вы пытаетесь достичь именно? Вам нужно получить доступ к классам, определенным в файле .css, для повторного использования в файле .less? –

+0

events.js: 72 throw er; // Необработанное событие 'error' ^ Ошибка: сломанное объявление @import из «../spritesheet.css» – cheziHoyzer

ответ

6

Существует несколько способов включить файлы в МЕНЬШЕ, в зависимости от того, что вам нужно, используя @import ([keyword]) "filename".

Разрешенные ключевые слова:

  • reference: use a Less file but do not output it
  • inline: include the source file in the output but do not process it
  • less: treat the file as a Less file, no matter what the file extension
  • css: treat the file as a CSS file, no matter what the file extension
  • once: only include the file once (this is default behavior)
  • multiple: include the file multiple times
  • optional: continue compiling when file is not found

Lesscss.org - Import Options

Это не для меня ясно, что ваш случай использования, но если вы хотите использовать содержимое spritesheet.css далее в вашем МЕНЬШЕ файл (например, расширяя классы, определенные в вашем спрайте), вам нужно ключевое слово (less).

Если вы хотите включить содержимое spritesheet.css в свой выходной файл, не получив их вообще из файла LESS, придерживайтесь (inline).

+0

@import (inline) - ответ! Благодаря!! – cheziHoyzer

Смежные вопросы