Main SCSS文件未使用脚本更新所有导入的文件

Question

这是我包装中的代码。

"scripts": {
    "compile:sass": "node-sass sass/main.scss css/style.css -w='sass/'"
  },

这是我的main.scss文件的样子：

@import "abstracts/functions";
@import "abstracts/mixins";
@import "abstracts/variables";
@import "base/animations";
@import "base/typography";
@import "base/utilities";
@import "base/base";
@import "components/button";
@import "components/cards";
@import "components/story";
@import "components/composition";
@import "components/feature-box";
@import "layout/header";
@import "layout/grid";
@import "pages/home";

我也有节点实时服务器运行，因此每次进行任何更改我的html/css会自动更新，但是每当我更改组件文件夹中的任何内容时，它都不会更新。如果我希望我的html/css更新，我必须首先保存组件文件，然后重新保存基础，摘要，布局或页面文件夹。知道为什么这样做？我的SASS文件夹看起来像我的项目https://gyazo.com/3c0c9c8d190cda2fe49ec00b33333aad8a。

Answer 1

在您的手表功能中。我想您正在使用诸如watch(sass/main.scss)之类的东西。随之而来的是，尝试添加此watch(sass/*/*.scss)。这将使它寻找所有文件中的更改。希望它有帮助。