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

Question

我有导入所有其他 scss 文件的 main.scss 文件。但是每当我在“页面/带”文件中进行更改时，除非我每次都保存 main.scss，否则不会发生任何更改。我正在运行实时服务器

编辑:这是 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"
  }
}

主.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 you can use the --watch=PATH flag to tell it what files to watch for updates .