Я є новим, використовуючи gulp-sass і sassscss структуру взагалі, тому нехай зі мною!
У мене є файл scss, в який я хочу імпортувати частину.
У мене є папка стилів, в якій живе мій основний файл scss, і підпапці partals, що містить декілька файлів, які я хочу імпортувати.
Отже, у верхній частині мого main.scss у мене є типовий:
@import "partials/main_menu";
@import "partials/main_usermenu";
Ось відповідні фрагменти мого файлу gulp:
var paths = {
scss_files:"./src/assets/styles/**/*.scss"
}
gulp.task("compile_sass", function () {
return gulp.src(paths.scss_files, {base:"src"})
.pipe(gulp.dest(paths.dist))
.on("error", gutil.log)
.pipe(sass({outputStyle: "compressed"})
.on("error", sass.logError))
.pipe(rename({suffix: ".min"}))
.pipe(gulp.dest(paths.dist))
});
Коли я виконую завдання моєї грізності, я отримую помилку, говорячи про те, що моя частина main_menu не знайдена або нечитабельна, і тому вона не може імпортувати.
Чи є у мене дефіцит у моєму завданні, наприклад чи є який-небудь варіант, який я буду використовувати, чи повинен він просто працювати?
Дякую
Відповіді:
0 для відповіді № 1Після перегляду цього пов'язано питання Мені вдалося вирішити подібну проблему, яку я мав.
Я вірю, якщо ви додаєте параметр "includePath" до виклику функції sass (), який містить батьківський шлях до каталогу partials, то помилка вийде.
тобто щось на кшталт
.pipe(sass({includePath: ["parent/PathTo/Partials"], outputStyle: "compressed"})