Question

这是我在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中看起来像那样。

Answer 1

在您的手表功能中。我想你使用的是watch(sass/main.scss)之类的东西。除此之外，请尝试添加此watch(sass/*/*.scss)。这将使其查找所有文件中的更改。希望它有所帮助。

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

1 个答案: