如何在django-cms中编辑一个scss文件？

Question

我一直到处搜索有关django-cms将我的站点（我正在localhost）上存储CSS和SCSS数据的位置的信息。当我直接编辑CSS文件时，它没有任何作用，因此我想知道需要执行哪些操作来编辑这些CSS文件。显然，它们已被加载到某个地方。如何重新加载它们，或者一般来说，编辑CSS文件的最佳做法是什么？

Answer 1

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

Answer 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有点偏见，但是在您的情况下逻辑应该相同。