rcs is short for rename css selectors
Having long CSS selectors, such as main-menu__item--disabled
, can increase the filesizes. With this rcs-core
it is easy to rename the selectors and therefore reduce the filesize. You can save around 20% of the filesize by just shorten the CSS selectors in the CSS files.
It basically just rename/minify all CSS selectors in all files. First the library has to be trained with selectors. Based on this data, the selectors can be renamed in all files. Here are some examples made with Bootstrap files.
Some live projects:
- AMP Project (https://amp.dev/)
- My personal webpage (https://jpeer.at/)
$ npm install --save rcs-core
or
$ yarn add rcs-core
- rcs.stats
- rcs.replace
- rcs.baseLibrary
- rcs.fillLibraries
- rcs.nameGenerator
- rcs.selectorsLibrary
- rcs.keyframesLibrary
- rcs.cssVariablesLibrary
- rcs.useCustomGenerator
- Gulp Plugin: gulp-rcs
- Grunt Plugin: grunt-rcs
- PostCSS Plugin: postcss-rcs
- Node Plugin: rename-css-selectors