Sass Gulp-编译的css文件未在我想要的目录中生成
我正在使用Sass Gulp-编译的css文件未在我想要的目录中生成,sass,gulp,gulp-sass,Sass,Gulp,Gulp Sass,我正在使用gulp3.9.1编译scss。它可以很好地编译,但不会输出dest目录中编译的css。这是我的gulpfile.js: var gulp = require('gulp'); var sass = require("gulp-sass"); gulp.task('sass', function() { return gulp.src("/scss/*.scss").pipe(sass()).pipe(gulp.dest("./css")); }); 相反,编译的css与源
gulp3.9.1
编译scss
。它可以很好地编译,但不会输出dest
目录中编译的css
。这是我的gulpfile.js
:
var gulp = require('gulp');
var sass = require("gulp-sass");
gulp.task('sass', function() {
return gulp.src("/scss/*.scss").pipe(sass()).pipe(gulp.dest("./css"));
});
相反,编译的css
与源scss
文件在同一文件夹中生成。我犯了什么错
“我的文件夹”的结构如下所示:
-root
-css (the desired destination of the compiled css)
-node_module
-scss
-style.scss
-style.css (should'nt be here!!)
-gulpfile.js
您应该将目标文件夹设置为“css”,而不是“./css”。我刚刚进行了测试,它对我起到了预期的作用:
var gulp = require('gulp');
var sass = require("gulp-sass");
gulp.task('sass', function() {
return gulp.src("/scss/*.scss").pipe(sass()).pipe(gulp.dest("css"));
});
/
指的是当前文件夹
。删除点。谢谢,但是管道(gulp.dest(“/css/”)代码>生成相同的输出。我的意思是,在与源代码相同的目录中,返回gulp.src(“./scss/*.scss”).pipe(sass()).pipe(gulp.dest(“./css”)代码>,假设你的gulpfile在根文件夹中,可以工作。我不确定我是否在跟踪你,你能看到我的文章的编辑吗?我正在尝试将编译后的css
文件放入文件夹css
return gulp.src(“./scss/*.scss”).pipe(sass()).pipe(gulp.dest(“./css”)代码>在给定文件夹结构的情况下应该可以工作。