Gulp没有编译SCSS到CSS

我是新来的gulp sass，所以我现在正在学习这个https://css-tricks.com/gulp-for-beginners/。我从上面的链接工作的当前主题是#Preprocessing与咕嘟咕嘟Gulp没有编译SCSS到CSS

所有的东西，直到我测试我的青菜档测试之后（要知道，它正在编制CSS）我触发它越来越细不是将SCSS编译为CSS，为什么会这样。

想想知道。

我目前不在我的本地主机上工作。我在桌面上创建了项目文件。
我创建手动CSS文件，第一次看到我的SCSS编译我目前的CSS文件

什么我做错了。

UPDATE：

里面我咕嘟咕嘟文件：

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 

gulp.task('sass', function() { 
    return gulp.src('app/scss/**/*.scss') 
     .pipe(sass()) 
     .pipe(gulp.dest('app/css')); 
})

我的文件结构：

|- app/ 
     |- css/ 
     |- fonts/ 
     |- images/ 
     |- index.html 
     |- js/ 
     |- scss/ 
      |- style.scss 
|- dist/ 
|- gulpfile.js 
|- node_modules/ 
|- package.json

注：文件结构是相同的就像在CSS技巧中一样。

来源

2017-10-04 Owaiz Yusufi

告诉我们您的gulpfile和文件结构 – magreenberg

@magreenberg让我更新。 –

@magreenberg我用我的文件结构和grunt文件代码更新了我的答案 –

尝试增加./到源路径：

return gulp.src('./app/scss/**/*.scss') 
...

这告诉它从当前目录，相对于gulpfile开始。

编辑 - 你还需要为目标路径同样的事情：

.pipe(gulp.dest('./app/css'));

来源

2017-10-04 09:15:46

你gulpfile看起来确定。您的文件夹结构可以。

我想问你是否在你的机器上安装了gulp-sass。

如果您还没有安装。

安装它npm install gulp-sass --save-dev。

你实际上不需要创建css文件来测试它的工作与否。如果你创建了也可以。

检查并告诉我们。谢谢。

来源

2017-10-04 13:27:30 Waseef

您需要删除该线路上

.pipe(gulp.dest('app/css'));

分号，并添加一个O任务的结束，这样

gulp.task('sass', function() { 
    return gulp.src('app/scss/**/*.scss') 
     .pipe(sass()) 
     .pipe(gulp.dest('app/css')) 
});

来源

2017-10-09 02:18:44 lukeocom

谢谢。这样可行！ – user3739018

Gulp没有编译SCSS到CSS

回答

相关问题