除非保存main.scss | SASS,否则不会发生更改

除非保存main.scss | SASS,否则不会发生更改,sass,node-sass,Sass,Node Sass,我有main.scss文件,可以导入所有其他scss文件。但每当我在“pages/band”文件中进行更改时,除非每次都保存main.scs,否则不会发生任何更改。 我正在运行live server 编辑: 下面是package.json文件 { "name": "bootstrap_startup", "version": "1.0.0", "description": "Bootstrap startup", "main": "index.js", "scripts":

我有main.scss文件,可以导入所有其他scss文件。但每当我在“pages/band”文件中进行更改时,除非每次都保存main.scs,否则不会发生任何更改。 我正在运行live server

编辑: 下面是package.json文件

{
  "name": "bootstrap_startup",
  "version": "1.0.0",
  "description": "Bootstrap startup",
  "main": "index.js",
  "scripts": {
    "compile:sass": "node-sass sass/main.scss css/style.css -w"
  },
  "author": "Zain",
  "license": "ISC",
  "devDependencies": {
    "node-sass": "^4.11.0"
  }
}
main.scss

@import "abstract/mixins";
@import "abstract/variables";

@import "base/animations";
@import "base/base";
@import "base/typography";
@import "base/utilities";

@import "components/cards";
@import "components/footer";

@import "pages/band";
@import "pages/home";

要使任何类型的自动刷新功能在打包的本地服务器解决方案上工作,您的工具始终需要知道要监视哪些文件的更改


实时服务器
也是这样。您需要告诉它要监视哪些文件以获取更新。初始化
live server

时,我发现在main.scss文件中添加新的@include后,必须重新启动sass编译器脚本一次,以便它获取对它的更改。这对我很有用。

构建脚本的设置如何?什么将SCS编译为css?请查看我编辑的说明