title: File to import not found or unreadable sass
body: <p>I am using gulp to watch for sass from time to time its giving me an error for example " File to import not found or unreadable : 4-layout/header."</p>
  
  <p>Here is my folder structure</p>
  
  <p><a href="https://i.stack.imgur.com/CPNNM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CPNNM.png" alt="enter image description here"></a></p>
  
  <p>here is how i import header for example inside the main.sass</p>
  
  <pre><code>@import '4-layout/header'
  </code></pre>
  
  <p>here is my gulp task</p>
  
  <pre><code>gulp.task('sass', function() {
      return gulp.src('source/sass/**/*.sass')
          .pipe(plumber())
          .pipe(sass({
              style: 'compressed'
          }))
          .pipe(autoprefixer())
          .pipe(minifycss())
          .pipe(rename({
              basename: 'main',
              suffix: '.min'
            }))
  
          .pipe(gulp.dest('build/assets/css'));
  });
  </code></pre>