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

Question

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

EDIT: Вот файл 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";

Answer 1

Чтобы любая функция автоматического обновления работала на пакетном локальном серверном решении, вашему инструменту всегда нужно знать, какие файлы отслеживать изменения.

live-server аналогично. Вы должны сказать ему, какие файлы смотреть на обновления. Когда вы инициализируете live-server , вы можете использовать флаг --watch=PATH, чтобы указать, какие файлы следует искать для обновлений .