如何在 django-cms 中编辑 scss 文件？答案

【问题标题】：How to edit a scss file in django-cms?如何在 django-cms 中编辑 scss 文件？
【发布时间】：2023-03-08 06:03:01
【问题描述】：

我一直在搜索有关 django-cms 为我的站点存储 CSS 和 SCSS 数据的位置的信息，我在 localhost 上工作。当我直接去编辑CSS文件时，它没有任何效果，所以我想知道需要做什么来编辑那些CSS文件。显然，它们已被加载到某个地方。如何重新加载它们，或者一般来说，编辑 CSS 文件的最佳做法是什么？

【问题讨论】：

标签： django-cms

【解决方案1】：

显然我必须同时使用 style.scss 和 style.css 文件，它们似乎具有相同的 css 类。但即使在编辑了这两个文件之后，我也必须在本地主机上刷新网站几次才能看到更改。令人沮丧，但直接在静态文件夹中编辑文件确实有效。

【讨论】：

【解决方案2】：

@Lawrence DeSouza 首先，您应该提及您使用的插件和样式框架。

如果您使用某种前端框架，例如Bootstrap 4，您应该分别从 scss 编译它的 css。您可以直接在项目目录之外的单独目录中的开发服务器上执行此操作，并从official repository 克隆。通常您只需要更改“/bootstrap-4.x.y/scss/_variables.scss”文件中的变量。在下一步中，您将使用“npm run dist”命令编译 *.css 文件，然后将编译后的文件从“/bootstrap-4.x.y/dist”目录复制到“/projectname/appname/static/css”目录。该过程有据可查here。将更改的文件复制到“静态”文件夹后，您应该运行“python manage.py collectstatic”并刷新页面。如果在浏览器中刷新页面后它不工作（通常它应该工作） - 重新启动服务器。我有点偏向于 Bootstrap，但你的情况逻辑应该是一样的。

【讨论】：