除非保存 main.scss，否则不会发生更改 |屁股

Question

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

编辑：这是包.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时，可以使用 --watch=PATH 标志告诉它要监视哪些文件以获取更新。

Answer 2

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