Node-sass在监视模式下创建额外的文件

Question

我使用@import将所有SCSS样式导入到index.scss文件中。当我使用npm手动构建css时，运行build-css可以正常工作：

"scripts": {
    //Other scripts
    "build-css": "node-sass src/scss/index.scss -o dist/css/",
  }

当我在监视模式下运行node-sass时，它可以很好地更新/dist/css/index.css，而且可以在dist文件夹中为我编辑并导入到src / scss / index中的原始scss文件创建css。 .scss

"scripts": {
        //Other scripts
        "build-css": "node-sass src/scss/index.scss -o dist/css/",
        "watch-css": "npm run build-css && node-sass src/scss/index.scss -o dist/css/ -w src/scss/**/*.scss --include-path src/scss/imports/*.scss"
      }

我的src / scss / index.scss如下：

@import "./imports/bootstrap.min";
@import "./imports/contacts";

因此，如果我在监视模式下编辑contacts.scss，则node-sass将更新./dist/css/index.css，但还会在dist / css文件夹中创建一个额外的contacts.css。

有没有一种方法可以让node-sass仅更新dist / css / index.css而不将导入内容构建到dist文件夹中？

Answer 1

将文件名contacts.scss更改为_contacts.css；编译器将忽略带下划线的文件。