/postcss-prefix-url

postcss plugin for prefixing urls

Primary LanguageJavaScript

postcss-prefix-url

PostCSS plugin to prefix your urls

Installation

npm i postcss-prefix-url

or

yarn add postcss-prefix-url

Options

Option Type Description
prefix Array or String The strings or string to prefix your url paths with
[useUrl = false] Boolean If set to TRUE then the url()'s will also be prefixed, otherwise ignores them
[exclude] Regex Exclude url paths matching this regex

Examples

Input

body {
  background: cdn('/test.png');
}

.testAbsolute {
  background: cdn(http://absolute.com/test1.png); /* Ignore absolute urls */
}

.withUrl {
  background: url(/testUrl.png);
}

.testExclude {
  background: cdn(/exclude-this/test1.png); /* Exclude this url */
}

Output

body {
  background: url(https://img1.example.com/test.png);
}

.testAbsolute {
  background: url(http://absolute.com/test1.png);
}

.withUrl {
  background: url(https://img1.example.com/testUrl.png);
}

.testExclude {
  background: url(/exclude-this/test1.png);
}