Gulp-Sass-Glob не работает, как я должен быть - PullRequest
Новая
       44

Gulp-Sass-Glob не работает, как я должен быть

0 голосов
/ 23 сентября 2019

Я пытаюсь собрать все файлы scss в макете и каталоге объектов с помощью пакета gulp-sass-glob, но постоянно получаю эту ошибку: «Ошибка: файл для импорта не найден или не читается».

Я убедился, что он указывает на файл проекта, используя команду "$ cd" и все.Кроме того, я прочитал некоторые темы, и некоторые люди, использующие возвышенный текст, сказали, что они решили эту проблему, изменив параметр «сохранение атома», но он не сработал для меня.Я переключился на VSCode, но все равно не повезло.

Вот файл style.scss, куда я пытаюсь импортировать файлы 

/* ========================================
  foundation
======================================== */
@import "foundation/reset";
@import "foundation/variables";
@import "foundation/mixin";
@import "foundation/base";

/* ========================================
  layout
======================================== */

@import "layout/**";

/* ========================================
  Object
======================================== */

@import "object/**";

Вот gulpfile.js 

// gulpプラグインの読み込み
var gulp = require("gulp");
// Sassをコンパイルするプラグインの読み込み
var sass = require("gulp-sass");
var sassGlob = require( 'gulp-sass-glob' );
var mmq = require( 'gulp-merge-media-queries' );
var gulpStylelint = require( 'gulp-stylelint' );
var postcss = require( 'gulp-postcss' );
var autoprefixer = require( 'autoprefixer' );
var cssdeclsort = require( 'css-declaration-sorter' );

// style.scssの監視タスクを作成する
gulp.task("default", function() {
  // ★ style.scssファイルを監視
  return gulp.watch("sass/style.scss", function() {
    // style.scssの更新があった場合の処理

    // style.scssファイルを取得
    return (
      gulp
        .src("sass/style.scss")
        // Sassのコンパイルを実行
        .pipe(
          sass({
            outputStyle: "expanded"
          })
            // Sassのコンパイルエラーを表示
            // (これがないと自動的に止まってしまう)
            .on("error", sass.logError)
        )
        // 分割ファイルをまとめる
        .pipe( sassGlob() )
        // ベンダープレフィックス自動化
        .pipe( postcss([ autoprefixer() ]) )
        // アルファベット順
        .pipe( postcss([ cssdeclsort({ order: 'alphabetically' }) ]) )
        // メディアクエリまとめる
        .pipe( mmq() )
         // 整形ツール
        .pipe(
  gulpStylelint({
    fix: true
  })
  // cssフォルダー以下に保存
        .pipe(gulp.dest("css"))
)

    );
  });
});
...