Изменения не произойдут, если не будет сохранен main.scss | SASS

У меня есть файл main.scss, который импортирует все остальные файлы scss. Но всякий раз, когда я вношу изменения в файл "pages / band", никаких изменений не происходит, если я не сохраняю main.scss каждый раз. Я использую live-сервер

Обновлено: Вот файл 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";