0.0.8 • Published 2 years ago
postcss-resolve-urls v0.0.8
postcss-resolve-urls
A PostCSS plugin for resolving relative URLs
IMPORTANT This plugin depends on source maps
Given a directory structure like this
project/
├── images/
│ ├── logo.svg
└── css/
├── partials/
│ └── partial.css
├── input.css
└── output.css
/** input.css */
@import './partials/partials.css';
/** partial.css */
section {
background-image: url('../../images/logo.svg')
}
/** output.css */
section {
background-image: url('../images/logo.svg')
}
Install
npm i -D postcss-resolve-urls
Usage
import postCssResolveUrls from 'postcss-resolve-urls'
const output = postcss([
postCssResolveUrls()
])
.process(YOUR_INPUT_CSS);
If this PostCSS plugin helped you in any way please consider buying me a book @ my buymeacoffee.com page
TODO:
- Include tests