【问题标题】:How can I set up the scss/sass file in django?如何在 django 中设置 scss/sass 文件?
【发布时间】:2021-03-29 10:06:33
【问题描述】:

我正在做一个个人项目,我正在使用 django。 在这个项目中,我喜欢使用 scss/sass 样式文件,但我不知道如何在我的 Django 项目中安装和设置。 任何帮助将不胜感激 谢谢你!

【问题讨论】:

    标签: django bootstrap-4 sass


    【解决方案1】:

    为了在 django 项目中使用 scss 或 sass

    第 1 步:

    在本地机器上安装 sass/scss 或者 npm 或者 Homebrew(我更喜欢 npm)

    sass installation guide

    第 2 步:

    安装后,你需要将你的 sass/scss 编译成 css 文件。
    为此,运行命令(在 cmd for windows 中)

    sass [your scss file location] [where your css file needs to be stored]
    

    例如..

    sass source/stylesheets/index.scss build/stylesheets/index.css
    

    如果你使用的是 django,那么你必须在你的项目中使用 static 文件夹,在这种情况下你应该使用这个命令

    sass static/scss/index.scss static/css/index.css
    

    第三步:

    每次scss文件发生变化时都需要执行上述命令..
    为了摆脱这种情况,请使用 --watch 命令。

    sass --watch static/scss/index.scss static/css/index.css
    

    【讨论】:

      【解决方案2】:

      有一些移动方法可以做到这一点。您可以使用 Python 或 NPM 处理 scss/sass 文件。如果您不想弄乱 node.js,我建议您使用 python 方式(安装 django-sass-processor):

      查看这份清晰的手册 - How to Easily Use SASS/SCSS with Django

      【讨论】:

        猜你喜欢
        • 2021-10-14
        • 2015-09-08
        • 2012-08-08
        • 1970-01-01
        • 2014-09-19
        • 2017-08-01
        • 2022-08-13
        • 2015-04-16
        • 1970-01-01
        相关资源
        最近更新 更多