Javascript Gulpfile未编译@includes和@imports
我正在创建一个gulpfile来编译一长串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
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~的编写方式,您可能根本不需要它,但如果不定义它,那一定很糟糕。