Не видит файл с mixins_all.sass
После запуска Gulp
вот такая ошибка
Я не знаю как пофиксить. Уже раза 3 файл переписывал и вс без толку. вот пример что содержится в файле:
// функция для перевода в rem - пример перевода padding-top: rem(50px)
@import "functions/px-to-rem"
// Загружаем общие стили и переменные для всех сайтов
@import "common/colors" // Общие цвета для всех сайтов используя сайт http://chir.ag/projects/name-that-color/#6195ED
@import "common/vars" // Общие переменные для всех сайтов
/** Bootstrap **/
// Core variables and mixins
@import "custom"
@import "bootstrap_c/custom"
@import "variables"
@import "bootstrap_c/variables"
@import "pages/mixins"
/** Bootstrap **/
// Reset and dependencies
@import "normalize"
@import "print"
вот сам файл gulpfile.js
const gulp = require('gulp');
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
const rename = require('gulp-rename');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
const path = require('path');
const browserSync = require('browser-sync');
const sass = require('gulp-sass')(require('sass'));
var config = {
bootstrapDir: './node_modules/bootstrap/scss/bootstrap.scss',
tatherDir: './node_modules/tether',
fontAwesomeDir: './node_modules/font-awesome/scss/font-awesome.scss',
publicDir: 'app',
};
gulp.task('browser-sync', ['styles', 'scripts'], function () {
browserSync({
server: {
baseDir: config.publicDir,
baseDir: 'app',
},
notify: false,
});
});
//Scripts
gulp.task('scripts', function () {
return gulp
.src([
'app/libs/jquery/jquery-3.6.0.min.js',
'app/libs/bootstrap/js/bootstrap.min.js',
'app/js/material.min.js',
])
.pipe(concat('libs.min.js'))
.pipe(uglify())
.pipe(gulp.dest('app/js'));
});
//Styles
gulp.task('styles', function () {
return gulp
.src('src/sass/mixins_all.sass')
.pipe(
sass({
includePaths: [
config.bootstrapDir,
require('node-bourbon').includePaths,
config.tatherDir,
config.fontAwesomeDir,
],
}).on('error', sass.logError)
)
.pipe(rename({basename: 'main2', prefix: ''}))
.pipe(
autoprefixer({
browsers: ['all version'],
cascade: false,
})
)
.pipe(gulp.dest(config.publicDir + '/css'));
// .pipe(browserSync.reload({stream: true}));
});
gulp.task('default', ['browser-sync', 'watch']);
gulp.task('watch', function () {
gulp.watch(
['src/sass/*.sass', 'src/sass/**/*.sass', 'src/sass/**/*.scss'],
['styles'],
browserSync.reload
);
gulp.watch(['app/*.html'], browserSync.reload);
gulp.watch(['app/js/**/*.js'], browserSync.reload);
gulp.task('default', ['browser-sync', 'watch']);
});
Структура проекта



