This tool uses puppeteer's coverage feature to output an optimized CSS file.
As a feature of the tool, by using pupperium, user can operate puppeteer with the yaml file.
Media query and font-face, etc. are not deleted because PostCSS AST node is used.
$ npm install -g css-optimization $ css-optimization -p <caseDir> -i <imgDir> -c <cssDir> $ css-optimization --help Usage: css-optimization [options] Options: -V, --version output the version number -p, --path <caseDir> cases root dir -i, --image-dir <imgDir> screehshots dir -c, --css-dir <cssDir> optimize css dir -h, --disable-headless disable headless mode -h, --help output usage information name: demo url: 'http://example.com/' userAgent: 'bot' steps: - action: type: hover selector: '.fuga' - action: type: click selector: '.hoge' - action: type: wait duration: 500 - action: type: select selector: '.fuga' - action: type: focus selector: '.fuga' - action: type: screenshot name: 'demo' $ git clone https://github.com/toshi1127/css-optimization.git $ cd cli $ npm install $ npm run build $ npm run start:demo