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

【问题标题】：Changes not occur unless main.scss is saved | SASS除非保存 main.scss，否则不会发生更改 | SASS
【发布时间】：2019-06-08 17:13:58
【问题描述】：

我有导入所有其他 scss 文件的 main.scss 文件。但是每当我在“pages/band”文件中进行更改时，除非我每次都保存 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"
  }
}

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";

【问题讨论】：

您的构建脚本设置如何？什么将 scss 编译为 css？
检查我编辑的描述

标签： sass node-sass

【解决方案1】：

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

【讨论】：

是的....好叫 alex .....我可以接受这个解决方案

【解决方案2】：

要在打包的本地服务器解决方案上使用任何类型的自动刷新功能，您的工具总是需要知道要监视哪些文件以进行更改。

live-server 也是这样。您需要告诉它要监视哪些文件以进行更新。当你初始化live-serveryou can use the --watch=PATH flag to tell it what files to watch for updates.

【讨论】：