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

回答

相關問題