We have some sites that are making use of CloudFlare as our CDN and for most of of our projects, we use DeployHQ to deploy sites into their respective environments using Git (we also have a CodeShip instance for 1 project).
Now you could of course manually clear the cached items each time or clear the entire cache (resource intensive) or you can use deployment hooks to the CloudFlare API.
So within DeployHQ > Your project name > Settings > Notifications you can add a CloudFlare API endpoint call.
Our looks a little like this
https://www.cloudflare.com/api_json.html?a=zone_file_purge&tkn=<OUR API KEY>&firstname.lastname@example.org&z=domain.com&url=http://www.domain.com/build/css/style.min.css
So now each time our server deploys, this call is going to remove the cached compiled CSS and then it'll grab the new version.
Super simple and we can be assured that on each deployment, are changes are visible immediately.