如何使用 PyCharm 覆盖我的 Django 网站的 Bootstrap SCSS 变量？

【问题标题】：How do I overwrite Bootstrap SCSS variables for my django website using PyCharm?如何使用 PyCharm 覆盖我的 Django 网站的 Bootstrap SCSS 变量？
【发布时间】：2022-12-03 09:05:11
【问题描述】：

我在用着PyCharm管理我的姜戈文件和我正在使用的前端引导程序.我目前正在使用内容分发网络方法指向我的 base.html 文件中的引导程序文件。

我最近到了一个地步，我想自定义引导程序提供的一些 SCSS 变量，但我很困惑并且无法在任何地方找到如何使用我的配置执行此操作的指南。

我用了npm将引导程序文件安装到我的外部项目文件夹中。我尝试使用 pip 安装 django-sass-compiler，然后将所需的设置添加到我的 settings.py，但是当我运行命令“python manage.py sass-compiler”（根据 PyPi 文档）时，我得到了“ModuleNotFoundError: No module named 'django_sass_compiler'”

我假设如果我要让它工作，那么它会将我的自定义 SCSS 文件编译成一个 CSS 文件，该文件将覆盖我当前的“main.css”（是吗？），但我什至无法弄清楚部分。

如果有人能给我指明正确的方向，那就太好了，对于 sass、pycharm、django 和 bootstrap 来说，确实没有太多帮助。

【问题讨论】：

标签： django sass compilation pycharm frontend

【解决方案1】：

是的，您必须手动编译 CSS。您可以使用Koala 之类的工具。要在 Django 中实现这一点，您必须：

在您的项目级目录中创建一个名为static 的目录。在satic 中添加另一个名为css 的文件夹。继续并添加已编译的 CSS 文件。
改变

STATIC_URL = 'static/'

至

STATIC_URL = '/static/'

并添加

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

在您的base.html 文件最顶部添加

{% load static %}

您可以将 base.html 文件链接到编译后的 CSS 文件，如下所示：

<link rel="stylesheet" href="/static/css/mycss.css">

【讨论】：