Removing unused CSS in a Django template-based project

• purgecss

  51 7,672 8.4 TypeScript

  Remove unused CSS

  

When I searched online I couldn't find an "industry standard" solution to this problem. What I ended up doing was using the popular tool PurgeCSS along with a quick Python script to generate the appropriate command. What the PurgeCSS tool does is search for all your HTML files, gather all the CSS classes used, and then "purge" all the unused ones from the CSS file. You just need to declare all the HTML files you have.

• Bootstrap

  530 167,548 9.6 JavaScript

  The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  

This is almost a trivial task if you are working with a modern client-side JS framework. But if you are developing a web app using Django's template language with some CSS library (such as Bulma or Bootstrap), and potentially using HTMx for more dynamic behavior, this is not an easily solved problem.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Bulma

  157 48,625 8.6 CSS

  Modern CSS framework based on Flexbox

This is almost a trivial task if you are working with a modern client-side JS framework. But if you are developing a web app using Django's template language with some CSS library (such as Bulma or Bootstrap), and potentially using HTMx for more dynamic behavior, this is not an easily solved problem.

Suggest a related project