Her birkaç kez ithal yudum-küstahlık izle hatasıocasional yudum-küstahlık 'bulunamadı veya okunamaz' hata benim _vars.scss dosyasını düzenlemek değişken kısmi
Error in plugin 'sass'
Message:
sass\stylesheet.scss
Error: File to import not found or unreadable: vars
Parent style sheet: stdin
on line 10 of stdin
>> @import 'vars';
^
atacağım Ben derlemek için alabilirsiniz
Ben satırını açıklama yine eğer İşte
@import 'vars';
benim kodudur
stylesheet.scss
//Settings
@import 'colors';
@import 'vars';
//External libs
@import 'font-awesome';
@import 'susy';
@import 'breakpoint';
//Global and default styles
@import 'global';
//sections
@import 'styles/header';
@import 'styles/main';
@import 'styles/footer';
_vars.scss
$font-heading: 'Oswald', sans-serif;
$font-paragraph: 'Raleway', sans-serif;
// Padding
$spacing: 5px;
@function spacing($size){
@return $spacing * $size;
}
$footer-height: spacing(10);
$susy: (
columns: 12,
gutters: 1/4,
// debug: (image: show)
);
Gulpfile,
var gulp = require('gulp');
var util = require('gulp-util');
var replace = require('gulp-replace');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var inclPaths = require('sass-include-paths');
var sourcemaps = require('gulp-sourcemaps');
var bower = require('gulp-bower');
var stylePaths = {
sass: './sass/**/*.scss',
css: './css'
}
var sassIncludes = []
.concat(inclPaths.bowerComponentsSync());
var sassOptions = {
style: 'expanded',
includePaths: sassIncludes
}
var bowerDir = './bower_components';
var faPaths = {
src: bowerDir + '/font-awesome/fonts/**.*',
dest: 'fonts',
}
var vendorJS = {
base: bowerDir,
scripts: [bowerDir + '/jquery/dist/jquery.js'],
dest: './js/vendor'
}
gulp.task('sass', function(){
return gulp
.src(stylePaths.sass)
.pipe(sourcemaps.init())
.pipe(sass(sassOptions).on('error', sass.logError))
.pipe(sourcemaps.write())
.pipe(gulp.dest(stylePaths.css))
.pipe(browserSync.stream({match: '**/*.css'}));
});
gulp.task('watch', ['sass'], function(){
browserSync.init({
proxy: 'mysite.local'
});
gulp.watch(stylePaths.sass, ['sass']);
gulp.watch('./*.html').on('change', browserSync.reload);
});
gulp.task('bower', function(){
return bower()
.pipe(gulp.dest(bowerDir));
});
gulp.task('faFonts', function(){
return gulp.src(faPaths.src)
.pipe(gulp.dest(faPaths.dest));
});
gulp.task('vendorScripts', function(){
return gulp.src(vendorJS.scripts, {base: vendorJS.base})
.pipe(gulp.dest(vendorJS.dest));
})
gulp.task('default', ['watch']);