Question

我使用Gulp进行SASS，无法导入我的文件＆＃39; _sections.scss＆＃39;。错误信息：错误：scss \ main.scss 错误：要导入的文件未找到或不可读：_sections.scss。

sass文件夹中的文件列表采用以下格式：

  _base.scss
  _header.scss
  _mixins.scss
  _nav.scss
  _sections.scss

我已经以这种形式导入main.scss：

@import "_base";
@import "_mixins";
@import "_sections";
@import "_header";
@import "_nav";

Gulp文件：

var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var autoprefixer = require('gulp-autoprefixer');

gulp.task('styles', function() {
    gulp.src('./scss/main.scss')
        .pipe(sass())
        .pipe(autoprefixer())
        .pipe(gulp.dest('./css'))
        .pipe(browserSync.reload({ stream: true }));
});

gulp.task('serve', function() {
    browserSync.init({
        server: {
            baseDir: './'
        }
    });
    gulp.watch('./scss/*.scss', ['styles']);
    gulp.watch('./**/*.html').on('change', browserSync.reload);
});

gulp.task('default', ['styles', 'serve']);

Answer 1

使用gulp-sass

时应该捕获错误

所以你的代码看起来像

.pipe(sass().on('error', sass.logError))

捕获错误并再次编译文件应该有效。如果您使用的是visual studio代码。我认为这个问题有一个线索。

https://github.com/sass/node-sass/issues/1894

萨斯没有导入我的文件

1 个答案: