主 scss 文件未使用脚本更新所有导入的文件答案

【问题标题】：Main scss file not updating all imported files with script主 scss 文件未使用脚本更新所有导入的文件
【发布时间】：2018-05-25 13:05:20
【问题描述】：

这是我在 package.json 中查找 sass 文件夹中任何更改的代码：

"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/3c0c9c8d190cda2fe49ec00b333aad8a 中看起来像这样。

【问题讨论】：

标签： css sass

【解决方案1】：

在您的手表功能中。我猜你正在使用类似watch(sass/main.scss) 的东西。连同它一起，尝试添加这个watch(sass/*/*.scss)。这将使它在所有文件中查找更改。希望对您有所帮助。

【讨论】：

随时为您提供帮助 :))