Gulpfile не компилирует @include и @imports - PullRequest
Новая
       22

Gulpfile не компилирует @include и @imports

0 голосов
/ 06 января 2020

Я создаю gulpfile, чтобы скомпилировать длинный список scss файлов и минимизировать их. Моя проблема в том, что мои sass @import s и @include s полностью игнорируются, а остальная часть файла компилируется и минимизируется без проблем.

Вот как выглядит мой gulpfile.js . 

const
  gulp = require('gulp'),
  plugins = require('gulp-load-plugins')({lazy:false}),
  sass = require('gulp-sass'),
  postcss = require('gulp-postcss'),
  autoprefixer = require('gulp-autoprefixer'),
  cssnano = require('gulp-cssnano'),
  sourcemaps = require('gulp-sourcemaps');

const paths = {
  scss: {
    src: './assets/scss/stylesheet.scss',
    dest: './assets/css/',
    watch: './assets/scss/**/*.scss'
  }
}

function styling() {
  return gulp
    .src(paths.scss.src)
    .pipe(plugins.sourcemaps.init())
    .pipe(plugins.sass({ includePaths: paths.scss.includePaths }))
    .pipe(plugins.cssnano())
    .pipe(plugins.autoprefixer(paths.autoprefixer))
    .pipe(plugins.sourcemaps.write())
    .pipe(gulp.dest(paths.scss.dest))
    .on("error", sass.logError);
}

function watch() {
  gulp.watch(paths.scss.watch, styling);
}

exports.styling = styling;
exports.watch = watch;

Это Gulp 4, кстати.

Вот моя файловая структура: 

assets/
  - scss
    - components
    - forms
    - grid
    - prototype
    - settings
    - typography
    - util
    - vendor
    - xy-grid
    - _global.scss
    - foundation.scss
    - stylesheet.scss
  - css
    - stylesheet.css
  - js
    - foundation.min.js
    - scripts.js
gulpfile.js

Как вы можете видеть, я использую фундамент как основу для этот проект.

Если кто-нибудь может найти, где мой код работает неправильно, заранее благодарю!

...