es6-css-minify
es6-css-minify copied to clipboard
backgrounfimage url path gets stripped
Describe the bug Minifying background-image url path gets stripped when using up a couple levels this path "../../../assets/images/" will be this after minifying "assets/images/". It also stripes quotes from the url attribute.
To Reproduce Steps to reproduce the behavior:
- Open attached file
- Minify it
- Open the min version and search for "color.jpg"
- See the path has been striped
Expected behavior Dont touch the paths
Screenshots
original syntax

Stripped syntax

Desktop (please complete the following information):
- OSX
- 10.11.6
- Vcode 1.42.1
- Minify 3.3.2
Test file mbr-additional.css.zip
Removal of the quotes around URLs are expected since that is the default behaviour by clean-css. This can be fixed by adding
"compatibility": {
"properties": {
"urlQuotes": true
}
}
to the setting es6-css-minify.css.
The other issue you're having is that paths are getting rebased which they should not by default. Are you sure that es6-css-minify.css > rebase is set to false? It is set to false by default.
Adding the following to your .vscode/settings.json should fix both issues:
"es6-css-minify.css": {
"rebase": false,
"compatibility": {
"properties": {
"urlQuotes": true
}
}
}