Skip to content

Commit

Permalink
Allow setting postcss-url maxSize
Browse files Browse the repository at this point in the history
  • Loading branch information
Denis Smirnov committed Aug 9, 2016
1 parent c188ae7 commit f066a1a
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 4 deletions.
13 changes: 10 additions & 3 deletions api.ru.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@
* [use](#use)
* [useNib](#usenib)
* [importPaths](#importPaths)
* [inlineMaxSize](#inlineMaxSize)

#### target

Expand Down Expand Up @@ -54,7 +55,7 @@ Oбработка `url()` внутри файлов `.styl` и `.css`.

**Важно:**

- Размер не должен превышать `14kb`.
- Максимальный размер по умолчанию `14kb`. Можно изменить опцией `inlineMaxSize`.
- Не поддерживается кодирование `.svg`-файлов с хешем. Например: `url(image.svg#hash)`. Такие `url()` не будут обработаны.

--------------------------------------
Expand Down Expand Up @@ -106,8 +107,8 @@ Oбработка `url()` внутри файлов `.styl` и `.css`.

*Допустимые значения:*

- **true:** карта хранится в отдельном файле с расширение `.map`.
- **inline:** карта встраивается в скомпилированный файл в виде закодированной строки в формате `base64`.
- **true:** карта хранится в отдельном файле с расширение `.map`.
- **inline:** карта встраивается в скомпилированный файл в виде закодированной строки в формате `base64`.

#### autoprefixer

Expand Down Expand Up @@ -201,6 +202,12 @@ Oбработка `url()` внутри файлов `.styl` и `.css`.

**Важно!** Опция работает только для файлов с расширением `.styl`.

### inlineMaxSize

Тип: `Number`. По умолчанию: `14`.

Максимальный размер файла в килобайтах, который будет закодирован в base64 в режиме `inline`.

--------------------------------------

## Пример использования технологии
Expand Down
3 changes: 2 additions & 1 deletion techs/stylus.js
Original file line number Diff line number Diff line change
Expand Up @@ -96,6 +96,7 @@ module.exports = buildFlow.create()
.name('stylus')
.target('target', '?.css')
.defineOption('url', 'rebase')
.defineOption('inlineMaxSize', 14)
.defineOption('comments', true)
.defineOption('imports', 'include')
.defineOption('sourcemap', false)
Expand Down Expand Up @@ -353,7 +354,7 @@ module.exports = buildFlow.create()

// rebase or inline urls in css
if (['rebase', 'inline'].indexOf(urlMethod) > -1) {
processor.use(require('postcss-url')({ url: urlMethod }));
processor.use(require('postcss-url')({ url: urlMethod, maxSize: this._inlineMaxSize }));
}

// use autoprefixer
Expand Down

0 comments on commit f066a1a

Please sign in to comment.