minify-selectors
Advanced tools
Comparing version 1.7.2 to 1.9.4
| { | ||
| "name": "minify-selectors", | ||
| "version": "1.7.2", | ||
| "version": "1.9.4", | ||
| "description": "Post-processor that minifies classes and IDs in CSS, HTML, Javascript and SVG files.", | ||
@@ -5,0 +5,0 @@ "author": { |
114
README.md
@@ -14,3 +14,3 @@ [1]: https://github.com/adamgian/minify-selectors/releases/latest | ||
| Post-processor that minifies classes and IDs selector names in CSS, HTML, Javascript and SVG files. | ||
| Post-processor that minifies classes and IDs selector names in CSS, HTML, Javascript and SVG files. minify-selectors aims to offer comprehensive out of the box support with minimal fuss. | ||
@@ -24,56 +24,4 @@ Enhance your front-end assets and build optimisations pipeline — wring even more out from your already minified and optimised payload sizes. Additionally can offer a certain degree of obfuscation to your code. | ||
| ## Features | ||
| ## What it can do | ||
| minify-selectors aims to offer comprehensive out of the box support — minifying all obvious selectors right out of the gate with minimal set up. | ||
| #### CSS and embedded styles | ||
| <table> | ||
| <tr> | ||
| <td> | ||
| <p><sub>Input</sub></p> | ||
| <pre lang="scss"> | ||
| .sidebar, .site-nav { … } | ||
| .sidebar .search:focus-within { … } | ||
| .sidebar--expanded a.is-active { … } | ||
| #page--default { … }<!-- | ||
| --></pre> | ||
| </td> | ||
| <td> | ||
| <p><sub>Output:</sub></p> | ||
| <pre lang="scss"> | ||
| .a, .b { … } | ||
| .a .c:focus-within { … } | ||
| .d a.e { … } | ||
| #a { … }<!-- | ||
| --></pre> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
| #### JS and embedded scripts | ||
| <table> | ||
| <tr> | ||
| <td><p><sub>Input</sub></p> | ||
| <pre lang="js"> | ||
| for (let link of document.querySelectorAll('a.anchor')) { | ||
| link.classList.remove('is-active'); | ||
| }<!-- | ||
| --></pre> | ||
| </td> | ||
| <td> | ||
| <p><sub>Output:</sub></p> | ||
| <pre lang="js"> | ||
| for (let link of document.querySelectorAll('a.Bd')) { | ||
| link.classList.remove('e'); | ||
| }<!-- | ||
| --></pre> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
| #### HTML and SVGs | ||
@@ -152,4 +100,53 @@ | ||
| ### Opt-in/opt-out selector encoding | ||
| #### CSS (and HTML embedded styles) | ||
| <table> | ||
| <tr> | ||
| <td> | ||
| <p><sub>Input</sub></p> | ||
| <pre lang="scss"> | ||
| .sidebar, .site-nav { … } | ||
| .sidebar .search:focus-within { … } | ||
| .sidebar--expanded a.is-active { … } | ||
| #page--default { … }<!-- | ||
| --></pre> | ||
| </td> | ||
| <td> | ||
| <p><sub>Output:</sub></p> | ||
| <pre lang="scss"> | ||
| .a, .b { … } | ||
| .a .c:focus-within { … } | ||
| .d a.e { … } | ||
| #a { … }<!-- | ||
| --></pre> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
| #### JS (and HTML embedded scripts) | ||
| <table> | ||
| <tr> | ||
| <td><p><sub>Input</sub></p> | ||
| <pre lang="js"> | ||
| for (let link of document.querySelectorAll('a.anchor')) { | ||
| link.classList.remove('is-active'); | ||
| }<!-- | ||
| --></pre> | ||
| </td> | ||
| <td> | ||
| <p><sub>Output:</sub></p> | ||
| <pre lang="js"> | ||
| for (let link of document.querySelectorAll('a.Bd')) { | ||
| link.classList.remove('e'); | ||
| }<!-- | ||
| --></pre> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
| #### Opt-in or opt-out of selector encoding | ||
| In cases where minify-selectors is unable to parse selectors, for example: in custom HTML attributes or JS variables. Or forcing a selector to be encoded when it otherwise would not be, such as in a HTML code element or comments. You can prefix your selector names so that minify-selectors knows to parse it and how to encode it: | ||
@@ -232,6 +229,7 @@ | ||
| ## Usage | ||
| ## How to use | ||
| > **Please note:** | ||
| minify-selectors only supports regular CSS, HTML, JS and SVG files. SASS/SCSS, LESS, TypeScript, JQuery, Handlebars, etc. should be compiled or transpiled first into its respective vanilla form. | ||
| > - minify-selectors only supports regular CSS, HTML, JS and SVG files. SASS/SCSS, LESS, TypeScript, JQuery, Handlebars, etc. should be compiled or transpiled first into its respective vanilla form. | ||
| > - minify-selectors is currently limited to UTF-8 encoded files. | ||
@@ -277,3 +275,3 @@ ### Via npm and npm scripts | ||
| ## Options | ||
| ## Command line options | ||
@@ -280,0 +278,0 @@ <table> |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.24%
21792
Worsened metrics
- Number of lines in readme file
- decreased by-0.63%
317
No dependency changes