1

我使用@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/index.scss 中编辑和导入的原始 scss 文件创建 css

"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 文件夹中？

4

1 回答 1

0

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

于 2019-10-24T17:19:02.313 回答