css - 无法通过 View 从 scss 加载 css 样式

Question

我无法加载样式以从 scss 查看，下面是 gulp.js，

//编译并自动为样式表添加前缀

gulp.task('styles', function () {

     return gulp.src([
    'Content/styles/**/*.scss',
    'Content/styles/**/*.css'
  ])
    .pipe($.newer('Content/styles'))
    //.pipe($.newer('.tmp/styles'))
    .pipe($.sourcemaps.init())
    .pipe($.sass({
      precision: 10
    }).on('error', $.sass.logError))
    .pipe($.autoprefixer({ browsers: AUTOPREFIXER_BROWSERS }))
    .pipe(gulp.dest('Content/styles'))
    //.pipe(gulp.dest('.tmp/styles'))
    // Concatenate And Minify Styles
    .pipe($.if('*.css', $.cssnano()))
    .pipe($.size({ title: 'styles' }))
    .pipe($.sourcemaps.write('./'))
    .pipe(gulp.dest('Content'));
});

Answer 1

假设 Content 是您的目录，您可以使用相对路径，例如:-

gulp.task('styles', function () {

     return gulp.src([
    './Content/styles/**/*.scss',
    './Content/styles/**/*.css'
  ])
    .pipe($.newer('./Content/styles'))
    //.pipe($.newer('.tmp/styles'))
    .pipe($.sourcemaps.init())
    .pipe($.sass({
      precision: 10
    }).on('error', $.sass.logError))
    .pipe($.autoprefixer({ browsers: AUTOPREFIXER_BROWSERS }))
    .pipe(gulp.dest('./Content/styles'))
    //.pipe(gulp.dest('.tmp/styles'))
    // Concatenate And Minify Styles
    .pipe($.if('*.css', $.cssnano()))
    .pipe($.size({ title: 'styles' }))
    .pipe($.sourcemaps.write('./'))
    .pipe(gulp.dest('./Content'));
});