es6-css-minify
es6-css-minify copied to clipboard
Using @import "base.css" will not re-minify when the base.css file changes with minify on change option
Describe the bug Assume I have 2 css files: base.css app.css
in app.css I import base.css "@import "base.css" in app.min.css - a copy of the base.css is added instead of the import statement.
Now - assume I made changes to base.css.
in the raw CSS version of app.css I have the @impot statement, which works fine when base.css is modified.
However. app.min.css will not be updated with the changes made in base.css until app.css is re-saved.
To Reproduce Steps to reproduce the behavior:
- Create base.css
- Add class ".class1{ ... }"
- Create app.css and minify it
- Use minify on save: "exists" settings
- Add @import "base.css" to app.css
- Review app.min.css -- class1 is there.
- Edit base.css and add ".class2{...}"
- Save base.css
- Review app.min.css -- class2 is missing.
- Open app.css and hit save
- Now class2 is added to app.css
Expected behavior Using the minify on save option should re-create the min file if any of the imported files change.
Desktop (please complete the following information):
- OS: Windows 10
- Version 3.3.2