Django SASS/SCSS Tutorial Series

Table of Contents

What you will get from this Django SASS/SCSS Tutorial

  1. Great articles which teach you how to write SASS/SCSS for your Django projects.
  2. Articles which teach you how to deploy SASS/SCSS for your Django projects.
  3. Open source projects which give you good example config code.

Python way and NPM way

Right now there are mainly two different ways to use SASS/SCSS in Django projects.

One way is to use pure Python packages, the other way is to use NPM solution.

Let's talk about the Python way first.

  1. It is easy to use, people can get all jobs done with a couple of Python config codes.
  2. People do not need to touch NPM stack, so if you do not want to touch front-end stuff, this is a good option.
  3. It does not support some advanced feature, such as lint feature.

What about NPM way?

  1. The NPM solution is a little more complex than the python way
  2. However, with the Node ecosystem, it supports more advanced features and more flexible.

So if you already have SCSS/SASS theme code and just want to make it work with Django, you can use the python way.

If you want to write SCSS/SASS a lot and also need to write more js code, I recommend you to use NPM way.

Table of content

Django SCSS Tutorial Series:

  1. Introduction
  2. How to use SCSS/SASS in your Django project (Python Way)
  3. How to use SCSS/SASS in your Django project (NPM Way)

If you want quick start, please check python-webpack-boilerplate

Launch Products Faster with Django

Unlock the power of Django combined with Hotwire through SaaS Hammer. Supercharge productivity, tap into Python's rich ecosystem, and focus on perfecting your product!

Michael Yin

Michael Yin

Michael is a Full Stack Developer who loves writing code, tutorials about Django, and modern frontend techs.

He has published some tech course on testdriven.io and ebooks on leanpub.

© 2024 SaaS Hammer