Question

实时服务器不显示所做的更改并保存在单个.scss文件中，但这些更改是对css.style.css进行的。

预期结果是每次我将代码添加到那些单独的文件中时。（_header.scss），它将反映在实时服务器中，实时显示所做的更改，例如更改背景颜色，但是什么也没发生。

我对编码还很陌生，并且正在从wordpress主题过渡到使用Visual Studio代码。

对于使用npm运行的Windows，具有节点sass的Windows 10操作系统

我尝试过Chrome，Shift + F5刷新并清除了缓存，但仍然没有区别。

我的文件设置是我的桌面上的一个文件夹，其中包含html文件，CSS folder / style.css和images文件夹

在项目中具有_base.scss的Sass文件夹，用于字体和变量等。

 - main.scss file for the @imports
 - _header.scss
 - _navbar.scss
 - _services.scss for a services section on the website
 - _typoghraphy.scss

和其他类似文件

json文件中有

        "watch:sass": "node-sass sass/main.scss css-style.css -w",
     "devserver": "live-server --browser=firefox",
    "start": "npm-run-all --parallel devserver watch:sass",
    "compile:sass": "node-sass sass/main.scss css/style.comp.css",
    "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css",
    "compress:css": "node-sass css/style.prefix.css css/style.css output-style compressed",
        "build": "npm-run-all compile:sass prefix:css compress:css"

例如在单个的scss文件中，我有这个

    .header {
    background-color: $color-secondary;
     }

但是颜色不仅仅显示html中的单词

CSS链接路径一定存在问题吗？我如何确定要链接从您的scss生成的新CSS文件

scss个人部分不更新实时服务器中的更改

0 个答案: