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

Question

我使用@import将所有SCSS样式导入index.scss文件。当我使用npm run build-css：

手动构建css时，这很好用

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

当我在监视模式下运行node-sass时，它更新了/dist/css/index.css，但是在dist文件夹中为我在src / scss /中编辑和导入的原始scss文件创建了css index.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；编译器将忽略带下划线的文件。