Недавно я обновил свой package.json. После импорта Bourbon в мою таблицу стилей scss я столкнулся со следующим Error: File to import not found or unreadable: bourbon
.
В моих узлах-модулях я вижу, что у меня есть папка bourbon-neat и bourbon.
Мне нужно понять и исправить это для проекта, над которым я сейчас работаю, поэтому любая помощь будет оценена.
Файл Package.json
"devDependencies": {
"bourbon": "^4.3.4",
"bourbon-neat": "^2.1.0",
"browser-sync": "^2.18.13",
"gulp": "^3.9.1",
"gulp-plumber": "^1.1.0",
"gulp-sass": "^3.1.0",
"gulp-uglify": "^3.0.0"
}
Gulpfile.js
// Looks insides node_modules for the following
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var plumber = require('gulp-plumber');
var uglify = require('gulp-uglify');
var bourbon = require('bourbon').includePaths;
var neat = require('bourbon-neat').includePaths;
var paths = {
scss: [
"source/scss/*.scss"
]
};
// Kick off server and watch html/scss
gulp.task('build', ['sass'],function(){
browserSync.init({
server: "./public"
});
gulp.watch('source/scss/**/*.scss',['sass']);
gulp.watch('public/*.html').on('change', browserSync.reload);
});
// Compile Sass
gulp.task('sass', function(){
return gulp.src(paths.scss)
.pipe(sass({
includePaths: ["styles"].concat(bourbon)
}))
.pipe(plumber()) // Prevents Gulp from tripping up
.pipe(gulp.dest('public/css')) // save output in public css folder
.pipe(browserSync.stream());
});
// Task Method
gulp.task('default', ['build']);