Javascript Gulpfile未编译@includes和@imports

Javascript Gulpfile未编译@includes和@imports,javascript,sass,gulp,zurb-foundation,gulp-sass,Javascript,Sass,Gulp,Zurb Foundation,Gulp Sass,我正在创建一个gulpfile来编译一长串scs文件并缩小它们。 我的问题是,我的sass@imports和@includes被完全忽略,而文件的其余部分被编译并缩小,没有问题 下面是我的gulpfile.js的样子 const 咕噜声=需要(“咕噜声”), plugins=require('gulp-load-plugins')({lazy:false}), sass=require('gulp-sass'), POSTSS=需要(“咕噜-POSTSS”), autoprefixer=requ

我正在创建一个gulpfile来编译一长串
scs
文件并缩小它们。 我的问题是,我的
sass
@import
s和
@include
s被完全忽略,而文件的其余部分被编译并缩小,没有问题

下面是我的
gulpfile.js
的样子

const
咕噜声=需要(“咕噜声”),
plugins=require('gulp-load-plugins')({lazy:false}),
sass=require('gulp-sass'),
POSTSS=需要(“咕噜-POSTSS”),
autoprefixer=require('gulp-autoprefixer'),
cssnano=需要('gulp-cssnano'),
sourcemaps=require('gulp-sourcemaps');
常量路径={
scss:{
src:“./assets/scss/stylesheet.scss”,
目标:“./assets/css/”,
观察:“./assets/scss/***.scss”
}
}
函数样式(){
回灌
.src(path.scss.src)
.pipe(plugins.sourcemaps.init())
.pipe(plugins.sass({includePaths:path.scss.includePaths}))
.pipe(plugins.cssnano())
.pipe(插件.autoprefixer(路径.autoprefixer))
.pipe(plugins.sourcemaps.write())
.管道(吞咽目标(路径scss目标))
.on(“错误”,sass.logError);
}
函数监视(){
吞咽手表(path.scss.watch,样式);
}
exports.style=样式;
exports.watch=手表;
这里是Gulp 4 btw

以下是我的文件结构:

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

正如你所看到的,我使用基金会作为这个项目的框架。


如果有人能找到我的代码不可靠的地方,我提前感谢你

样式设置
任务中有
路径.scss.includePaths
,但我看不到它在任何地方声明。@Mark
路径
是一个包含源/导出/监视路径的常量。它位于我的插件声明的下面。是的,我看到了,但是没有该变量的
path.scss.includePaths
元素。您在
样式设置任务中调用它,它看起来好像不存在。根据`stylesheet.scss~的编写方式,您可能根本不需要它,但如果不定义它,那一定很糟糕。