Smart CSS Minifier

Question

css

Looking for a CSS minifier that is capable of this:

body {
  font-size: 10pt;
  font-family: Arial, sans-serif;
}
body {
  color: #333333;
}

Convert to this:

body{color:#333;font:10pt Arial,sans-serif}

Answer 1

Well, if you go head-on, then your specific task is solved by devilo.us/
But you yourself understand that there can be many examples, you always need to test.

Answer 2

Try this:

function minifyCSS($string)
{
  /* Strips Comments */
  $string = preg_replace('!/\*.*?\*/!s','', $string);
  $string = preg_replace('/\n\s*\n/',"\n", $string);

  /* Minifies */
  $string = preg_replace('/[\n\r \t]/',' ', $string);
  $string = preg_replace('/ +/',' ', $string);
  $string = preg_replace('/ ?([,:;{}]) ?/','$1',$string);

  /* Kill Trailing Semicolon, Contributed by Oliver */
  $string = preg_replace('/;}/','}',$string);

  /* Return Minified CSS */
  return $string;
}

I successfully use it in all projects.

Answer 3

csso Before
: Now
.test0 { margin: 0 } .test1 { border: none } .test2 { border: none } .test0 { padding: 0 }
:
.test0 { margin: 0 } .test1, .test2 { border: none } .test0 { padding: 0 }

Answer 4

css-condense for example. In general, look in npm for the css keyword, there are a lot of interesting things.