Node-sass создает дополнительные файлы в режиме просмотра

Question

Я импортирую все свои стили SCSS в файл index.scss, используя @import. Это прекрасно работает, когда я собираю css вручную, используя npm, и запускаем build-css:

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

Когда я запускаю node-sass в режиме просмотра, он прекрасно обновляет /dist/css/index.css, но также создает css в папке dist для исходного файла scss, который я отредактировал и импортировал в src / scss / 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, но также создаст дополнительный файл contacts.css в папке dist / css.

Есть ли способ, которым я могу обновить узел-sass только dist / css / index.css и не встраивать импорт в папку dist?

Answer 1

Измените имя файла contacts.scss к _contacts.css; компилятор игнорирует подчеркнутые файлы.