Question

我有main.scss文件，该文件可导入所有其他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"
  }
}

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

Answer 2

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

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

2 个答案: